body ::-webkit-scrollbar {
height: 16px;
overflow: visible;
width: 16px
}
body ::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.2);
background-clip: padding-box;
border: solid transparent;
min-height: 28px;
padding: 100px 0 0;
box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
border-width: 1px 1px 1px 6px
}
body ::-webkit-scrollbar-button {
height: 0;
width: 0
}
body ::-webkit-scrollbar-track {
background-clip: padding-box;
border: solid transparent;
border-width: 0 0 0 4px
}
body ::-webkit-scrollbar-corner {
background: transparent
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
display: block
}
audio,canvas,video {
display: inline-block;*display:inline;*zoom:1
}
audio:not([controls]) {
display: none
}
[hidden] {
display: none
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
margin: 0;
font-size: 13px;
line-height: 1.231;
overflow: hidden
}
body,button,input,select,textarea {
font-family: sans-serif;
color: #222
}
::-moz-selection {
background: #f04530;
color: #fff;
text-shadow: none
}
::selection {
background: #f04530;
color: #fff;
text-shadow: none
}
a {
color: #508b88;
text-decoration: none
}
a:visited {
color: #508b88
}
a:hover,a:focus {
color: #f04530
}
a:focus {
outline: thin dotted
}
a:hover,a:active {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,strong {
font-weight: bold
}
blockquote {
margin: 1em 40px
}
dfn {
font-style: italic
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
ins {
background: #ff9;
color: #000;
text-decoration: none
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold
}
pre,code,kbd,samp {
font-family: monospace,monospace;
_font-family: 'courier new',monospace;
font-size: 1em
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word
}
q {
quotes: none
}
q:before,q:after {
content: "";
content: none
}
small {
font-size: 85%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
ul,ol {
margin: 1em 0;
padding: 0 0 0 40px
}
dd {
margin: 0 0 0 40px
}
nav ul,nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
form {
margin: 0
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
label {
cursor: pointer
}
legend {
border: 0;*margin-left:-7px;
padding: 0
}
button,input,select,textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;*vertical-align:middle
}
button,input {
line-height: normal;*overflow:visible
}
table button,table input {*overflow:auto
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
cursor: pointer;
-webkit-appearance: button
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical
}
input:invalid,textarea:invalid {
background-color: #f0dddd
}
table {
border-collapse: collapse;
border-spacing: 0
}
td {
vertical-align: top
}
button {
display: inline-block;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#f9f9f9),to(#e3e3e3));
background: -webkit-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);
background: -moz-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);
background: -ms-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);
background: -o-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);
background: linear-gradient(#f9f9f9 40%,#e3e3e3 70%);
border: 1px solid #999;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px 8px;
outline: 0;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
text-shadow: 1px 1px #fff;
font-weight: 700;
font-size: 10pt
}
button:hover,button:focus {
border-color: black
}
button:active {
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#e3e3e3),to(#f9f9f9));
background: -webkit-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);
background: -moz-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);
background: -ms-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);
background: -o-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);
background: linear-gradient(#e3e3e3 40%,#f9f9f9 70%)
}

.pattern-bg {
background: url(/static/images/background.png) repeat;
background-color: #f8f8f8!important;
background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(0,0,0,0.05)),color-stop(.25,transparent),to(transparent)),-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(0,0,0,0.05)),color-stop(.25,transparent),to(transparent)),-webkit-gradient(linear,0 0,100% 100%,color-stop(.75,transparent),color-stop(.75,rgba(0,0,0,0.05))),-webkit-gradient(linear,0 100%,100% 0,color-stop(.75,transparent),color-stop(.75,rgba(0,0,0,0.05)))!important;
background-image: -webkit-linear-gradient(45deg,rgba(0,0,0,0.05) 25%,transparent 25%,transparent),-webkit-linear-gradient(-45deg,rgba(0,0,0,0.05) 25%,transparent 25%,transparent),-webkit-linear-gradient(45deg,transparent 75%,rgba(0,0,0,0.05) 75%),-webkit-linear-gradient(-45deg,transparent 75%,rgba(0,0,0,0.05) 75%)!important;
background-image: -ms-linear-gradient(45deg,rgba(0,0,0,0.05) 25%,transparent 25%,transparent),-ms-linear-gradient(-45deg,rgba(0,0,0,0.05) 25%,transparent 25%,transparent),-ms-linear-gradient(45deg,transparent 75%,rgba(0,0,0,0.05) 75%),-ms-linear-gradient(-45deg,transparent 75%,rgba(0,0,0,0.05) 75%)!important;
-webkit-background-size: 3px 3px;
-ms-background-size: 3px 3px
}

.pattern-bg-lighter,article.sectioned>section:not(#classes) {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABPCAYAAACqNJiGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVFREE2QTFENjc3MTFFMDg0RDg4QURBN0E4NTA4NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVFREE2QTJENjc3MTFFMDg0RDg4QURBN0E4NTA4NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNTQwMEVFNkQ1OTUxMUUwODREODhBREE3QTg1MDg1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUVEQTZBMEQ2NzcxMUUwODREODhBREE3QTg1MDg1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu1CJBoAAAVwSURBVHja7FwNb9s2FLRlO4kbtFuwrViHYgP2/3/TsHVtsqUfadOlTuKv+bQ878rqUSfJdj76CASiTN6JIXgUec90/+TP309/fP7LtLdKxy9+2/vp51+vkX998nJ09P3T2XC0t/z44WyAzx5/czSfTa/7Z29Ohz88e15i/nr5x6gOb/ffPX02KwaDpcqd8tXhcf3w7s1g72C8HD86XDThNj4Vj9RfLpevepFapSK6oEPnYcjaDeffvf57iKGK/MU/5wX+kL+6nPQxtKswHh7p7enJcDGf901a4Em5UR+4Kj4FjwSpTT5dlPe4mvRUbhVfynY+mx1jHsENCCyPyjZfGXFVPS/P+DoMc6fPVZ7ptS3XJuU5df9TzHldZMtDkfMYrixbkwk+s6GcYjy8SY2lYWXgZdl63Ao+bSuXAcvTjcet4pGGh4+fzO2G83hVF8V/dff3D5aWxxVlVRgPj3SA+5vhz2Wj0V5vcPN5jlvBp239jHt1PRC4VXzItqts7c1ibxce/jaUMXxtKOMzy6cYD5+WAe9xswQ9bg+flnFbU26eHjzuHL7svGt6MOe9tFjMe7PZtBKTw2OOskYBD566xHwqfrFY9KfTcuPQwxX3dc9h7ib4kG0X2bK0+O3IedTx6in4XL0ct/KcFJ/mFW7vOTl82Xlnb0/X2sfG1/Ln7/9fDkwmF338GQHKeHVeh0d6T8sBlZv50M46/PredggiN/NhXlPwIdswBm6x8+DHeZt8G8p4rfMGmesxHh5ZFd7uTXZsGuS4Uz7De22z3YK3sc9xGx/jc20L2YZs76Cfh+G7Cz8PEtmFnwfszvw81TPr6ufV+Yib9POaPif8vPDz7rGfNx4frofqNv08SGL8qLcTP+/Jt0fh58VS5aEtVbzQY245oS5V2nAr+HSpoXKnOx4F/8VSJRea4+WA95r38HXLBI9beU7dMkrhzi1bPHzMeV1ly69fznsxDPQ+y0TBmxx4OcBLDS9OwHwK3nYFvNQwCeZiGMyt4svOwzeC7Ibzbm+vXuPD4agSk8NjuNvwB56XMV5iPhVfFMUSSwxbauC+7jnM3QQfsu0iWzW8VxWOSzEePleWhveacqeYNm1Vuble2Xle6JDDexyOU0OPaXjQCx1yeC/HreDTtn7GvcLy0snjVvEh266y9cJ2TcJ7dfg6jBLWVPGcz7VJeU7d/1Rw6JDzXngPc8Dq1V5UYTw8EocOgV+boWpYU8DbMobNTN4hKGFNFR+yDWPgjhgDXjhuE6FH3tir3G1Cj7yxb8IdoceQ7T2VLb/dtunneWHNTft5alhzI35eG8+tjZ/XxnNr4+ep7Qs/L/y8B+LnsWe3TT/PvLNt+3nAepjw88LPe4B+nnlb2/bzrGwXfl6aDz8vdhj3qPOuEmkoZiiXKfhcPfWsRBM8z1lNz2Go+LLzLj6edzqHoeCRLleTbZdzGAq+7OSry/Wc1eYchoqPOS/mvFvsPDYz0zMZVYYj5h52FxR8amYCb3OYarQq+NTMxNW2eKrRquJDtiHbOyhblgYPZVW2jM/JjqWR41bwOdkBq0wJKj5kG7K9xc7zzlHkYhjKOYw0huGdo8jFCZRzGGkMwztHkYthKOcwKmMYl5NPx/s3piMqW96LE5RblsW8Z2WM8fBVZTAmjc+4U1yOO4fnMm6rF7fIcXv4mPM2aYayHHO/q+L99omHT+up3N5vn3j4KhNX4U75FHzZealT0DQpv8ViJmr69a0mid2OumQb+zaJzdC6FLINP+8O+HnsV23Tz8P8tQs/D9fw82KH8ZUZA7vw83K/fbJJPw9Y/hZY+Hkh2wfu5/EX/rbp56Wb7236eWk+/LyQbXTeV5H+FWAA7eqC0D2aO2cAAAAASUVORK5CYII=);
background-color: white!important;
background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(0,0,0,0.03)),color-stop(.25,transparent),to(transparent)),-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(0,0,0,0.03)),color-stop(.25,transparent),to(transparent)),-webkit-gradient(linear,0 0,100% 100%,color-stop(.75,transparent),color-stop(.75,rgba(0,0,0,0.03))),-webkit-gradient(linear,0 100%,100% 0,color-stop(.75,transparent),color-stop(.75,rgba(0,0,0,0.03)))!important;
background-image: -webkit-linear-gradient(45deg,rgba(0,0,0,0.03) 25%,transparent 25%,transparent),-webkit-linear-gradient(-45deg,rgba(0,0,0,0.03) 25%,transparent 25%,transparent),-webkit-linear-gradient(45deg,transparent 75%,rgba(0,0,0,0.03) 75%),-webkit-linear-gradient(-45deg,transparent 75%,rgba(0,0,0,0.03) 75%)!important;
background-image: -ms-linear-gradient(45deg,rgba(0,0,0,0.03) 25%,transparent 25%,transparent),-ms-linear-gradient(-45deg,rgba(0,0,0,0.03) 25%,transparent 25%,transparent),-ms-linear-gradient(45deg,transparent 75%,rgba(0,0,0,0.03) 75%),-ms-linear-gradient(-45deg,transparent 75%,rgba(0,0,0,0.03) 75%)!important;
-webkit-background-size: 3px 3px;
-ms-background-size: 3px 3px;
-webkit-box-shadow: 1px 1px 10px #ccc;
-moz-box-shadow: 1px 1px 10px #ccc;
-ms-box-shadow: 1px 1px 10px #ccc;
-o-box-shadow: 1px 1px 10px #ccc;
box-shadow: 1px 1px 10px #ccc
}

body[data-href='home'],body[data-href='mobile'],body[data-href='gaming'],body[data-href='business'] {
background-color: #aaa;
background-repeat: no-repeat;
-moz-background-size: cover;
background-size: cover
}
body[data-href='home'] .pattern-bg-lighter,body[data-href='mobile'] .pattern-bg-lighter,body[data-href='gaming'] .pattern-bg-lighter,body[data-href='business'] .pattern-bg-lighter,body[data-href='home'] article.sectioned>section:not(#classes),body[data-href='mobile'] article.sectioned>section:not(#classes),body[data-href='gaming'] article.sectioned>section:not(#classes),body[data-href='business'] article.sectioned>section:not(#classes) {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
#updates_list li {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
body[data-href='home'] {
background: url(/static/images/background-home.jpg) no-repeat!important;
background-attachment: fixed!important;
-moz-background-size: cover!important;
background-size: cover!important
}
body[data-href='mobile'] {
background: url(/static/images/background-mobile.jpg) no-repeat!important;
background-attachment: fixed!important;
-moz-background-size: cover!important;
background-size: cover!important
}
body[data-href='gaming'] {
background: url(/static/images/background-gaming.jpg) no-repeat!important;
background-attachment: fixed!important;
-moz-background-size: cover!important;
background-size: cover!important
}
body[data-href='business'] {
background: url(/static/images/background-business.jpg) no-repeat!important;
background-attachment: fixed!important;
-moz-background-size: cover!important;
background-size: cover!important
}
@media only all and (max-width:1024px) and (max-height:768px) {body[data-href='home'],body[data-href='mobile'],body[data-href='gaming'],body[data-href='business'] {
-moz-background-size: 1024px 768px;
background-size: 1024px 768px
}

}
h1,h2,h3,h4,h5 {
font-weight: normal;
line-height: 1.125
}
h1,h2,h3 {
text-transform: uppercase
}
h1 span,h2 span {
color: #5fa4a0;
font-weight: 800
}
h1 {
font-size: 35px;
font-weight: 300;
margin: 0 0 .25em
}
h2 {
font-size: 26px;
margin: 1em 0 .5em
}
h3 {
font-size: 20px;
font-weight: 300;
margin: 1em 0 .5em
}
h2:first-child,h3:first-child {
margin: 0 0 .5em
}
p {
font-size: 14px;
line-height: 1.5
}
a {
-webkit-transition: color .2s;
-ms-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
transition: color .2s
}
strong {
font-weight: 600
}
header.main nav,.subheader div,.nav {
display: block;
margin: 0 auto;
width: 1000px
}
.page {
display: block;
position: relative;
margin: 3.5em auto;
width: 1000px
}
.page.current {
top: 0
}
article article,article.sectioned,article section,header section {
background: 0;
margin-top: 0;
padding: 0
}
article article,article section {
margin: 0
}
article,section,article.sectioned section,section.link_target,#updates,.page header {
margin: 0 auto 2% auto;
padding: 1.75% 2%;
overflow: hidden
}
article section.link_target {
position: relative;
height: 158px;
margin-left: 2em;
padding: 0
}
html[lang=pt] article section.link_target {
height: 188px
}
html[lang=de] article section.link_target {
height: 200px
}
article.profile section,section.link_target a {
padding: 5% 6%
}
section.link_target a {
color: inherit;
position: absolute;
left: 0;
top: 0;
height: 125px
}
section.link_target h2 {
font-size: 35px;
margin-bottom: .25em
}
section.link_target p {
font-size: 13px;
margin: 0
}
.page header {
position: relative;
overflow: visible
}
body[data-href='mobile'] .page header,body[data-href='gaming'] .page header,body[data-href='business'] .page header {
padding-bottom: 1%
}
body[data-href='mobile'] .page header.two_columns p:first-child,body[data-href='gaming'] .page header.two_columns p:first-child,body[data-href='business'] .page header.two_columns p:first-child {
margin-top: 0
}
.page header hgroup {
float: left;
padding-right: 2%;
width: 34%
}
.page header section {
float: left;
width: 64%
}
body[data-href='mobile'] .page header,body[data-href='gaming'] .page header,body[data-href='business'] .page header {
padding-bottom: 1%
}
.page header hgroup h1 {
font-weight: 300;
margin: 0 0 .5em
}
.page header hgroup h1 span,.page header hgroup h2 {
color: #5fa4a0;
font-size: 34px;
font-weight: 800;
margin: 0
}
.page header hgroup h1+h2 {
margin-top: -.5em
}
.page header h3 {
font-size: 22px;
font-weight: 300;
text-transform: uppercase
}
.page header section,.page header aside {
font-size: 15px;
margin: .25em 0 0
}
.page header section p {
margin: 0 0 1em
}
.page header p:last-child {
margin-bottom: 0
}
.two_columns {
-moz-column-count: 2;
-o-column-count: 2;
-ms-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 1.5em;
-o-column-gap: 1.5em;
-ms-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em
}
.page header section p.intro {
font-size: 15px;
font-style: italic
}
.page header section .column+.column+p {
clear: left;
padding-top: 3em
}
.page header section ul {
line-height: 1.3;
list-style: square;
margin: -.5em 0 0 2em
}
.page header section li a {
font-weight: 600
}
.three_columns {
-moz-column-count: 3;
-ms-column-count: 3;
-o-column-count: 3;
-webkit-column-count: 3;
column-count: 3
}
.five_columns {
list-style: square;
-moz-column-count: 5;
-ms-column-count: 5;
-o-column-count: 5;
-webkit-column-count: 5;
column-count: 5
}
.page header section ul.three_columns li {
margin: 0 0 .75em
}
.page header hgroup,.page header section,.page header .share,.page section {
position: relative
}
.page header .share {
position: absolute;
bottom: 40px;
left: 30px;
z-index: 2;
display: none
}
.page header .share ul {
list-style: none;
margin: 0;
padding: 0
}
.page header .share li {
margin: 0;
padding: 0;
position: absolute;
top: 0
}
.page header .share li.googleplus {
left: 0
}
.page header .share li.facebook {
left: 85px
}
.page header .share li.twitter {
left: 180px
}
.page header .share li.twitter a {
color: #5cd6ff
}
.page header.two_columns {
-moz-column-count: 1!important;
-o-column-count: 1!important;
-ms-column-count: 1!important;
-webkit-column-count: 1!important;
column-count: 1!important
}
.page header.two_columns hgroup {
padding: 0 3% 0 0;
float: left;
width: 48%
}
html[lang=pt] .page header.two_columns hgroup {
width: 53%
}
.page header.two_columns section {
float: left;
padding: 0;
width: 49%
}
.page header.two_columns p {
font-size: 16px;
font-style: italic;
margin: 0
}
.page header.two_columns p+p {
margin-top: 1em
}
.page header.two_columns hgroup img {
margin-bottom: 1em
}
.page section header {
background: 0;
margin: 0 0 2em;
padding: 0
}
div.one_quarter,div.one_half {
float: left
}
div.one_quarter {
width: 25%
}
div.one_half {
width: 50%
}
.feed ul {
list-style: none;
margin: 1em 0!important;
padding: 0
}
.feed li {
clear: left;
font-size: 14px;
font-style: italic;
list-style: none;
line-height: 1.8;
margin: 0;
padding: .1em
}
.feed li a {
color: #333
}
.feed li span {
display: inline-block
}
.feed li img {
vertical-align: text-top
}
.feed li .date {
width: 40px
}
.feed li .author {
width: 20px;
height: 20px;
margin: 0 5px 0 0
}
.feed li .author img {
width: 100%;
height: 100%;
box-sizing: border-box
}
.feed li .details {
display: inline
}
.feed li .title {
display: inline;
width: 70%;
overflow-x: hidden;
text-overflow: ellipsis
}
.feed li span.type {
float: right;
padding-right: 3px
}
.feed p a {
font-size: 15px;
font-style: italic;
font-weight: 600;
padding-left: 45px
}
.class {
background-repeat: no-repeat;
background-position: center;
display: none!important;
width: 20px;
height: 16px;
vertical-align: -3px;
position: relative
}
.class.offline,.class.storage,.class.connectivity,.class.file_access,.class.semantics,.class.multimedia,.class.graphics,.class.presentation,.class.performance,.class.nuts_and_bolts {
display: inline-block!important
}
.class.offline {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCM0NEMkVFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCM0NEMkZFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QyQ0U4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUIzQ0QyREU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgkly+8AAADxSURBVHjaTFGxEYJAEHzQ3C9BMkOhAqhArUAdCpBQIyUyFAtgpAOlArUD7MDQUEMzd5195WaWO+527+/vPSNL09TC7YAxYJV+AnugKMuSsfFEHsKdRciBRgKKF8AdSCjqqnBoJ83fGjQ7qRk5Ew8JdjkCIcgkxCIEwFrCqwSBj89Q3a3IHKEScQbcVKfFbiSrblYNQpFJHAm0vq+LGoyTwNXAhaPppFz5iQSXThRFDwRL+Bc84xoxi2+QCwb438INgJVbK/efAXOQqtaWWMv0Pt+a1yo4UaPRenqHvkbb/B6uJeKFp7q4W2cFstuS+QgwAKNxWCiD6YppAAAAAElFTkSuQmCC)
}
.class.storage {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCM0NEMzJFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCM0NEMzNFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QzMEU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUIzQ0QzMUU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBZL94AAADaSURBVHjabFHBDYJAEDzMFUAHYgfYwVmBUoEQCkA7kArEAohaAXSgdkAJlEAJzpjB7INNJpvbmd2du4ucoizLGCkH9iqNwLNt27czEUl8QLoDE0Xi1gDrA5ChkZzzEKfIHVCjeLHTwNXiiN1vA4o8OIgziRKkxPQl2l7QptfarbHWycZkmniPI5B6TR9E0N4D58ItBAa+/GwDolFTK9lainSl9bk2NUhn4GNAPuiZb5HxzafrF2zwwgHcxv7DCelK/+YfaKsCYg0b/g1qChIEiUY1N/OnMb4CDADtsVGePPHV/gAAAABJRU5ErkJggg==)
}
.class.connectivity {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQkJFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQkNFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QzNEU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVCQUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuSdZokAAADISURBVHjabFDbDcIwEEuAAfjljxFKFwA2aDcg6gCICeCTv05QtWzABrBBwgZ0g46AjRwUqp7kPC5nn3O2qqqLMWZr/uPWNE1nJmKe53nAvgJ6YQCuyPfe+zAmWC7okrEQqm/dD9hawAEknXnG+zATsQaOiVBqkSJr4MHLInqmIpRfKi6Au4TY4RQJ3w76oJMN2nkiV4pUpH+IliKpFHGHbi1yPHeThMQvLWxoE6SlBsHc/jelGCioZclpvOMIdpwRKTPTET4CDAAho0LBUlk51gAAAABJRU5ErkJggg==)
}
.class.file_access {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQkZFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQzBFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTAxOUVCREU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVCRUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj11ZLkAAACSSURBVHjaYmAAguTkZAMgdmBAA+jiTEhy64ES85EUJgCp80CsABNjRNJpAMT9QLwAiA8C8XwoeyFU/gJI8X8G4oAjC4icO3cuIz5VQAP3o7uZIKBMMSgUgLifoGJocIFCIQE5GJGDDhQaB6B8UDAmgoIJiEGeegDEH6DBGggKDUckzYXAkLkAtcUQOUJABgAEGADrPyuI+VsNmwAAAABJRU5ErkJggg==)
}
.class.semantics {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQzNFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQzRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTAxOUVDMUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVDMkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiG+zVQAAACtSURBVHjajJCLDcIwDERxxQAdoWzQEbpKlAGACSiDRC2TAJvABh2BO8kBY1yJSKem9vMn12yCk3NuoS7KiQfxOUB7iPcZOpdSHl8FDlwIQYRO0GALBXCPn2sFEZzd1MEUpq3GjxU0QGca3DT+eYPrROhpV6wNRd2Y/K4rb0uNjiawA5iYADhCbNIiNjIHXaBeVixdtMnPVIksDQx4F4oGp8jSwJB7XeWvQ/YlwACi5FwNpG7ZTAAAAABJRU5ErkJggg==)
}
.class.multimedia {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjBFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMzMkY2QjFFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZBRUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZBRkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpmPtwwAAABwSURBVHjaYkxOTjZgYGAIAOIFQCwAZTPMnTu3ASgHYoPkLwD5G5iAjP1ALA/EH4C4HojtgfgB1JB8INYH4gMgAxiBgv+BtCNQJ1gAGwCqARlYyMRAHHAAOZFYxWBAO8UsUHo/0BNEKXYk0uALAAEGAGJPGtrPzOGmAAAAAElFTkSuQmCC)
}
.class.graphics {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMzMkY2QjVFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZCMkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZCM0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PucfmbgAAACuSURBVHjaYmRAA8nJyQlASh+ILwLxhrlz536AyTECJQWAtAEQXwBJAPkgdjwQBwCxAhAfAOKNQLyACUi8B+L1IBqocD+QdgDiiUCNikDaEGQIEPeDDGSC2hCIJOEPxPVAjQpADSDbCmHOYIExQBJQxTgBEwMJgKBikHOQnQEKmvVAwQ1QX4N8LwANjXhoSD0AqWOE6g6AeiwAqpAB6v6FIM1Q/2C11gHZamQAEGAAvYA2vQtKAEYAAAAASUVORK5CYII=)
}
.class.presentation {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjhFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRjZFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZCNkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZCN0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps9WcVUAAACCSURBVHjaYmQAguTkZAMg1c+AGxxkgTIeAHEjDkVgA5igHAU8pgkA8QEWJF0OeBRfYMAHgG53AOL7YKuBDAUgbsChFmTLARCDBcrJByrmB9IL586dewGkGcgOAOJ4IJ4IUsgIFAQ5NgEqaAANAZDYBiDeCNS4AZubDEDuwuYGgAADABL2IBgCsPDBAAAAAElFTkSuQmCC)
}
.class.performance {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZEMThDRjlFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRkFFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NkQxOENGN0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NkQxOENGOEU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoUZd6UAAADqSURBVHjadFHRDYIwFIRO4AY6Am5QJwAmEMMAxAlgA8IARJhA2KBMoCOwgbqBd+Sa9EObXF7h3r137zWOfpyyLF8IO+DY9/0z5GIlkLwBK/BRdEALLEAKXCk2EhaKI7AHJpCrhMQM1EzwgoEWWAG4qGuCO6tOsjduAhJq/VZiIXs17m1g/4zvzCh5RqVcRKpq7GSRdADX6PtuNFRFtQSzROxEi2vgwhmpcz+UttPJYqd/Fbsi9+SHtkrcjoYf/FzqasN3yDQoRYn88sEeWiu35Li1OHjdJCD9Iy7sBM4iuujf4WqB5hf3FWAArc5oNEtPbzMAAAAASUVORK5CYII=)
}
.class.nuts_and_bolts {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZEMThDRkRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRkVFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NkQxOENGQkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NkQxOENGQ0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnGaZZ0AAADeSURBVHjafFGBDYIwEKSEAdhA3AAnsGygG2g6gHYCZQJ1AAJM4AiwgWygG8gI3iVn0phGkqPf/v1d/2sSfc65AssuiX9j0zQjgzQ4vADrCHkB3CGYc5NJ3WLZAEsovX4r5H4CfBao1yQreQCo2OsqNTAgdzP4HUVYqfjJOwN0Yq5iEXgt4iKVFdVnrCUwI94CHvEVsBLi3vJKk5rtSKYK1Eo5kNyrgPFMhz3HycahOkn1AbxF7MI+v1M4A0M4FbmEefaWGB3katbDpYuMlI7sazRBgq/c/nnpisFHgAEAlkVX81OjCu4AAAAASUVORK5CYII=)
}
.class_name,.browser_name {
background: transparent;
color: #333;
font-size: 11px;
font-weight: 400;
line-height: 1;
padding: 3px 5px;
position: absolute;
top: -15px;
left: 0;
opacity: 0;
text-align: center;
text-transform: uppercase;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
display: inline-block
}
.class:hover .class_name,.browser:hover .browser_name,.class:focus .class_name,.browser:focus .browser_name {
opacity: 1
}
.browsers {
float: left;
margin: 0 .75em 0 .25em
}
.browser {
float: left;
height: 17px;
width: 17px;
background: transparent url('/static/images/browser_logos.png') no-repeat left top;
opacity: .25;
margin: -1px .25em 0 0;
position: relative
}
.browser_name {
left: -3px
}
.browser.ie .browser_name {
width: 106px
}
.browser.chrome {
background-position: left top
}
.browser.ff {
background-position: -17px top
}
.browser.safari {
background-position: -35px top
}
.browser.ie {
background-position: -52px top
}
.browser.opera {
background-position: -69px top
}
.browser.supported {
opacity: 1
}
.browser .support {
display: none
}
.str {
color: #080
}
.kwd {
color: #008
}
.com {
color: #800
}
.typ {
color: #606
}
.lit {
color: #066
}
.pun {
color: #660
}
.pln {
color: #000
}
.tag {
color: #008;
text-decoration: none;
font-size: inherit;
padding: 0
}
.atn {
color: #606
}
.atv {
color: #080
}
.dec {
color: #606
}
@media print {.str {
color: #060
}
.kwd {
color: #006;
font-weight: bold
}
.com {
color: #600;
font-style: italic
}
.typ {
color: #404;
font-weight: bold
}
.lit {
color: #044
}
.pun {
color: #440
}
.pln {
color: #000
}
.tag {
color: #006;
font-weight: bold
}
.atn {
color: #404
}
.atv {
color: #060
}

}
.page header a[href^='http']:not([href*='html5rocks.']),.tutorials a[href^='http']:not([href*='html5rocks.']),.feed-section a[href^='http']:not([href*='html5rocks']),.info-section a[href^='http']:not([href*='html5rocks.']),article section a[href^='http']:not([href*='html5rocks']),a[rel='external'] {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZBNEMyQzFFQjMyMTFFMEFFMDQ5RTQwMzY2RTI0QUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZBNEMyQzJFQjMyMTFFMEFFMDQ5RTQwMzY2RTI0QUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkE0QzJCRkVCMzIxMUUwQUUwNDlFNDAzNjZFMjRBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkE0QzJDMEVCMzIxMUUwQUUwNDlFNDAzNjZFMjRBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj9w8uQAAABOSURBVHjajJDbCQAwCAO1dFg30m1T8iH0KQ0IQSQ5VAASEZBCTT7U05iZ3g7Y8pWkZKrEpL5D32obly+eBZxpPMzU4yXuDnJxZj/PEGAAPk46EE/MQmgAAAAASUVORK5CYII=) no-repeat center right;
padding-right: 16px
}
a.noexternal {
padding-right: initial!important;
background: none!important
}
figure>a,.figures li>a {
background: none!important
}
body,input {
font-family: 'Open Sans',sans-serif;
font-weight: 400
}
header.main {
background: #ed4732;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 10
}
header.main #home_horns {
display: none
}
header.main h1 {
display: none;
color: #fff;
font-size: 1em;
margin: 0;
padding: 0 0 .2em .5em
}
header.main h1 a {
color: #fff;
font-weight: 800
}
header.main nav {
height: 25px
}
header.main nav ul {
margin: 0;
padding: 0
}
header.main nav ul li {
float: left;
font-size: 13px;
line-height: 1
}
header.main nav ul li a {
float: left;
padding: 6px 1em;
max-width: 125px;
text-overflow: ellipsis;
white-space: nowrap;
overflow-x: hidden
}
body[data-href*='features'] header.main nav li#features_show,body[data-href*='search'] header.main nav li#searchs_show,body[data-href='why'] header.main nav a.why,body[data-href='tutorials'] header.main nav a.tutorials,body[data-href='resources'] header.main nav a.resources,body[data-href='profiles'] header.main nav a.profiles,header.main nav .current {
background: #f4907f
}
header.main nav .home {
display: none
}
#title,header.main nav a {
text-transform: uppercase
}
header.main nav a,header.main nav a:hover,header.main nav a:focus {
color: #fff!important
}
header.main h1 {
display: none
}
#search_hide,#features_hide {
cursor: pointer!important;
padding: 19px 0 26px
}
#search_show {
float: right
}
#search_show img {
padding-left: 4px;
vertical-align: -2px
}
.gsc-completion-container {
border: 1px solid #4f4f4f;
margin-top: 14px!important
}
.gsc-completion-container td {
background: #65a8a5;
color: #fff;
font-family: 'Open Sans';
padding: .4em .6em
}
.gsc-completion-container td:hover,.gsc-completion-container td:focus {
background: #4b7c7a;
cursor: pointer!important
}
.subheader .features {
padding-top: 8px;
padding-bottom: 8px;
overflow: hidden
}
.subheader .features #features_hide {
padding-top: 21px
}
.subheader .features #features_hide,.subheader .features h2 {
float: left
}
.subheader .features h2 {
color: #fff;
font-size: 48px;
font-weight: 300;
margin: 0;
padding: 5px 0 0 15px;
text-transform: uppercase
}
.subheader .features ul {
list-style: none;
float: left;
margin: 0;
padding: 10px 0 0 20px;
width: 710px
}
html[lang=de] .subheader .features ul,html[lang=ru] .subheader .features ul {
width: 600px
}
html[lang=es] .subheader .features ul {
width: 543px
}
.subheader .features ul li {
float: left;
margin: 0;
padding: 2px 0
}
.subheader .features ul li a {
background-image: url(/static/images/subheader_classes.png);
background-repeat: no-repeat;
color: #fff;
float: left;
padding: 3px 0 4px 30px;
text-transform: uppercase;
width: 112px
}
html[lang=es] .subheader .features ul li {
width: 180px
}
html[lang=ru] .subheader .features ul li {
width: 200px
}
html[lang=es] .subheader .features ul li a,html[lang=ru] .subheader .features ul li a {
width: auto
}
.subheader .features ul li a.offline {
background-position: 0 2px
}
.subheader .features ul li a.storage {
background-position: 0 -48px
}
.subheader .features ul li a.connectivity {
background-position: 0 -98px
}
.subheader .features ul li a.file_access {
background-position: 0 -149px
}
.subheader .features ul li a.semantics {
background-position: 0 -198px
}
.subheader .features ul li a.multimedia {
background-position: 0 -248px
}
.subheader .features ul li a.graphics {
background-position: 0 -298px
}
.subheader .features ul li a.presentation {
background-position: 0 -348px
}
.subheader .features ul li a.performance {
background-position: 0 -398px
}
.subheader .features ul li a.nuts_and_bolts {
background-position: 0 -448px
}
.subheader .features ul li a h3 {
font-size: 14px;
margin: 0
}
.watermark {
position: fixed;
left: 50%;
margin-left: -605px;
top: 30px;
z-index: 2;
padding: 20px;
opacity: .65;
width: 68px;
height: 116px;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: opacity 300ms ease-in-out,top 150ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out,top 150ms ease-in-out;
-ms-transition: opacity 300ms ease-in-out,top 150ms ease-in-out;
-o-transition: opacity 300ms ease-in-out,top 150ms ease-in-out;
transition: opacity 300ms ease-in-out,top 150ms ease-in-out
}
.watermark {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAABeCAYAAAC3rJ31AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0IyMDY1QzdFMzI5MTFFMDk2ODE5Q0EwNTZCODEwRTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0IyMDY1QzhFMzI5MTFFMDk2ODE5Q0EwNTZCODEwRTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QjIwNjVDNUUzMjkxMUUwOTY4MTlDQTA1NkI4MTBFMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QjIwNjVDNkUzMjkxMUUwOTY4MTlDQTA1NkI4MTBFMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqkos4EAAAUdSURBVHja7Js9dtpAEIBXPFodAA6gC8h1LPfgnqSHLgW4B3qTIh3qY3qbA8ipowNEB0AH4ADObjzrTOatVitptZIT5r19MjJI347mdxc8ppEPX7+M+WHOxzUfPpw+8/HMx+775+WZdSCeBjjghz2CpSKAFxw86wU0aPgbAk75SOB1CEOC37rW+LDg/BwBCzM4kElt+GEC75nxEbuEHhScl5rMKLAQfk5A5+S9nUOP4JhoPpt2BT1s8NlTW1Dc/LDfiCeaYL8Zsh4Jh434YYWetJQ1/1/MwWOdeXQBPOWHewXwW3CAANAPaAixS3RKaPSGa/aKH7cQWoVMxOT6oulrEmJjacP8+MQPnxD4rC/QkXS6ghArnP4IL4MB65foItK5LE73Wi7QF+iW0jjNZBMUBWSjEIPn44YiRAkkRVHBLTRkMiw+TEIkgy2cWyoairBOwWWz9pDaPRGYtaI6FGNMkopz6BxarxOpJSjwFjKcfI8PLV3QqiOKG/EhupUpOv1TkcUEHM5uRwwM7xFP567V6AF17qOifBQO+AjaxZIU/E1TdNYKNADh7jwH28xJ3TstS8MV/1fPphX2+VezCyFvDRNa8tdJmx36oAbwllZi/HWCOnIfxetOoCMF8FPBe4+KxrgT6MAQmLlcsDF1RC0wsutajtUYWuH9JsABMaNnZ9AFTmcCjENhjDNjq9CWgI9ybaJ1aIvAGyeOqLDHXgNLTc8bAjOXwBJahqqkDnDXPWJWEfjcB+gy2WEbxrUyFPMqGRdk16LMezaFlqXlVHNzvPojnQ4/mZWqWSD+Mlddn5/DWyW6pORj6CdU5OyLwDnogr2uZG5QZScnLBrYezAhmdL3pHAS132Q6V5053ys0MTOTL/zIJ9G5sEFHvBJ6PdKH5WhY2YAVNZ1i3ummnv9kE9a2vQCPe5Ap3Gi/Qw+m2rK1QU8pYOmKf5YAoyLsdTTdMbGGkdaD0Hrv1sxWoPAPSJkNonJ5inaAhRy6ykuWhu8DYGVqUc0ybuBopCvZSotCo5AB2Wc7hM4LFlIs0il3Q80rVOn4HCvDUlu+ozYJTjyLemwB+ywg5KQ5hwcrr3GwYBz7CrVHhrwoEUNRzh61SqYEHhKwGcWgSMIbaXh1qtxcRzoZUbbQS1SN0LMFWm+MK17NW+0V9wkh4LnUNaNgxmIiU81JWshdNONojNZCpuBTZbJBMrZgNQpRvsvTaGF3d2w18XHvEIhn6OjyHK3UPIarZc03r4ARxHQsagTTBZqwP6vXLRbJhNodWWpFeg+Nra9EaOQB7GUkUY2AEfcWeSZohywI81zLs3P1BH3mmZz35JCaYcfw7jY9AX6n4O2saGfWuQZM4PtPBtpfGGxpp6T7vtdmMfYiU0rEk8TGbmyaTyBKau4xVxnN8wGtE80Na/4+ZhkWCchz2ZX7js3D9K1HJh+kbzTOD0m7dfbBHRrzk0cetiix4cQd7W9Ytk2oAvzwN9nMvmiYFzVnq07YsMeMXCpaaqhsrQewfqI6XJD6+bBGFrigh8i6Bwuq5rCrdUellL5qEtN48ncQ+masT+/sIsKHNe5efikvg6R/UaauuNUxxFtlab4hiILHku0mCqWHvzOzAP2RjZgHgGK13JDtHFqtwU91kwgY8VbzLUc2ZZ5hHUjCOzIhl1oWn7tQtq0sNlnVYaEXYAQRZJRV+ZBM54YKw4ov2OdgLPW+uGC0zgNWpywvzeW/s/Fmgv0BVoj3svLy7uD/iXAAL0lPkYtfrhFAAAAAElFTkSuQmCC)
}
body[data-href='home'] .watermark {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAB0CAYAAAA8aZQfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjRDQTM5NEJGRjg1MTFFMDk5REQ5QkM5NzIyOUQ4RDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjRDQTM5NENGRjg1MTFFMDk5REQ5QkM5NzIyOUQ4RDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNENBMzk0OUZGODUxMUUwOTlERDlCQzk3MjI5RDhEMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNENBMzk0QUZGODUxMUUwOTlERDlCQzk3MjI5RDhEMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plzm68UAABYwSURBVHja7F0JcFRV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);
opacity: 0
}
body[data-href='home'] .watermark.fadeIn {
opacity: .85
}
body[data-href='mobile'] .watermark,body[data-href='gaming'] .watermark,body[data-href='business'] .watermark {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAABeCAYAAAC3rJ31AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEEzMEVDN0REODBGMTFFMEJDMEZDMjAwMjNDNjc0MDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEEzMEVDN0VEODBGMTFFMEJDMEZDMjAwMjNDNjc0MDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTMwRUM3QkQ4MEYxMUUwQkMwRkMyMDAyM0M2NzQwNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTMwRUM3Q0Q4MEYxMUUwQkMwRkMyMDAyM0M2NzQwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppgva2QAAAS5SURBVHja7FuLceIwELUzKcCpANOBO4hTQbgKDjogFcRUwF0F0EGgAkMF5iqAVBBSgU+aWZFlT7JkW5I1FzSjMRjbelq//UrEdV1H/1VjE0pZX7H+UX+1DziXhAg4I2Bp479lQ2CLVRJmh4p1Ic0d61v4/sh6DufPrI/jOD6HIOUVkuhc83sRCjWOAKgyuKb0je9OcT6F47bh3h0cc9+g73vc++7wTedIGCfWN1q9MeEr/01cZBHsBNGOtkJHjyH0aMoOb4iatL1yAxAMaDCxS3RqwfoDowQ3yTMwrbxNYXLD04ObVY2JTZGjq0Khx7NQOibcX/94wDjmyriGr1kwnEaWQtU+g1NEG87lBvoG2hZo8GRvkkQhlSQU2OOVSrvrKPbA7Y1853H3FJzBDM4tUXweoWArHwq0SAg2EEjhRGEliQ73rI9Yn0gm4g00t69P4ARwLEEBz9g1a3TNCzvweDxzymme0IKr/YlOHyRejIPD3m2NAcM1/O38cKqIEOcegZ84GuOv+ShRqq3iM3XRByegAVCJOHgCfmLXu2qwBmeNPtgFLeHnC5MQz8I5j8fwisXAS9c1kbsOgGc0EmPfNxADC3M3GRL0swTwWnHtWpIYDwI6MwQc+SzYmCpiI2DhyrsqVm/QEu03AZwRGm28gVYonQlgbAoX2DM6BW0JMPd6hRdOWwQ886KIEj4GDVhI+rUn4MgnYAFamKpNF8BDp1t/WgI+hwDaJKVKkMv+jWNsxT2pwruqPK+ZIFCieWyKziAJrUXlEpLZGp+TJAtHkuwmkusKdM20YfzlpXZIbqo0wBPFhGvIxjM0oUpSYz4Kdw/Z+VI3KYnQKnGiMgVOea5ZthPPK2t9yzVjXb9VeJV9gKtAXRZJiVSp9DODusqFQjF59TgzPkCGfTYFD2WDRKRiNAaBMSZIQbmZPRg8ewV1FN7GMuXpJHFXDbh/0ZumEkEwwMlCa66rbQwOnIPEdT/TosxgwCV2Pmtzo3fgknGXfR/gFDiMh8vGla2ZVy72elgXEDywJG53bhHwhHhXe2+UmKCreKKHhSjbuvUuA5UKd7zESxaatzZXBFXOQcuCpaPB/XNFnGLkSPouFPG44QGKj6cWgfwJHXkxcwx55rtLO1rKvJQJNTTPLXxImhYhnVaWnIAOMbENpt0bco3ySxj9xLJpGuEMnex/OQn6xYagQ9hFuxDFzRunb6C/pfXQtJ1FPGlkazmvqSxkOTwoGoYqQqXHyAunLTuX1Ben8QSmbTnZZTXMBuiESOq15f0YdOaFHlHLrTwtBOCHHiRr4RnJNlQ7PSLpl2ifjK87Fwp971DjHw3+TnLSLQP6oAdOt/JIv1Fw0ZbP1hWxZ46Y+ZQ0ldCT5nq+xWjeotzgnB4R2OkcJB9rFO7Q1oVbiz0sufJ0SEnjyfCFnT1IVPzDbqJQXO/0wLzeI6sxiRr26BHFzbzSgwzIN12tNVLkTueliwt3Qg9YzJwBPcSC6CNMYg+7JQd340rNhwkcoustyb0V2RY98q4WBCqt+RCS5gOXkDJuQBk3Mg8J6yg5siStE1nXZbFT9PWn4iy6/q9A23Ypizm10yDFafS1g+D7FmtuoG+gG9pfAQYAKw5GgTJkaHIAAAAASUVORK5CYII=)
}
.watermark:hover,.watermark:focus {
opacity: 1
}
.page {
-webkit-transition: opacity 1s ease-in-out,margin-left .5s ease-in-out,top 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out,margin-left .5s ease-in-out,top 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out,margin-left .5s ease-in-out,top 1s ease-in-out;
-o-transition: opacity 1s ease-in-out,margin-left .5s ease-in-out,top 1s ease-in-out;
transition: opacity 1s ease-in-out,margin-left .5s ease-in-out,top 1s ease-in-out
}
.nav,.nav:hover,.nav:focus {
text-shadow: 0 0 5px #000;
color: #fff;
cursor: pointer!important;
overflow: hidden
}
.arrow_up,.arrow_right,.arrow_down,.arrow_left,nav.paginator a.previous,nav.paginator a.next {
background-image: url(/static/images/nav_arrows.png);
background-repeat: no-repeat;
font-size: 14px;
font-style: italic;
text-align: center;
text-transform: uppercase
}
.arrow_up {
background-position: center top;
height: 100px
}
.arrow_right {
background-position: center -100px
}
.arrow_down {
background-position: center -170px;
margin-top: -1.5em;
height: 90px
}
.arrow_left {
background-position: center -300px
}
nav.paginator {
display: none;
position: fixed;
left: 50%;
top: 65px;
margin-left: 500px;
width: 100px;
height: 250px;
overflow: hidden;
z-index: 2
}
nav.paginator ul {
display: none;
margin: 0;
padding: 0
}
nav.paginator a.previous,nav.paginator a.next {
display: block;
text-shadow: 0 0 3px #bbb;
cursor: pointer!important;
overflow: hidden;
position: absolute;
width: 100px
}
nav.paginator a.previous {
background-position: center -683px;
padding: 0 0 55px 0
}
nav.paginator a.next {
background-position: center -500px;
padding: 55px 0 0 0;
top: 135px
}
nav.paginator.home a {
color: #ddd
}
nav.paginator.home a:hover,nav.paginator.home a:focus {
color: #fff
}
nav.paginator.features a {
color: #555
}
nav.paginator.features a:hover,nav.paginator.features a:focus {
color: #000
}
body[data-href='home'] nav.paginator.home,body[data-href='mobile'] nav.paginator.home,body[data-href='gaming'] nav.paginator.home,body[data-href='business'] nav.paginator.home,body[data-href='home'] nav.paginator.home ul.home,body[data-href='mobile'] nav.paginator.home ul.mobile,body[data-href='gaming'] nav.paginator.home ul.gaming,body[data-href='business'] nav.paginator.home ul.business,body[data-href='features-offline'] nav.paginator.features,body[data-href='features-storage'] nav.paginator.features,body[data-href='features-connectivity'] nav.paginator.features,body[data-href='features-file_access'] nav.paginator.features,body[data-href='features-semantics'] nav.paginator.features,body[data-href='features-multimedia'] nav.paginator.features,body[data-href='features-graphics'] nav.paginator.features,body[data-href='features-presentation'] nav.paginator.features,body[data-href='features-performance'] nav.paginator.features,body[data-href='features-nuts_and_bolts'] nav.paginator.features,body[data-href='features-offline'] nav.paginator.features ul.offline,body[data-href='features-storage'] nav.paginator.features ul.storage,body[data-href='features-connectivity'] nav.paginator.features ul.connectivity,body[data-href='features-file_access'] nav.paginator.features ul.file_access,body[data-href='features-semantics'] nav.paginator.features ul.semantics,body[data-href='features-multimedia'] nav.paginator.features ul.multimedia,body[data-href='features-graphics'] nav.paginator.features ul.graphics,body[data-href='features-presentation'] nav.paginator.features ul.presentation,body[data-href='features-performance'] nav.paginator.features ul.performance,body[data-href='features-nuts_and_bolts'] nav.paginator.features ul.nuts_and_bolts {
display: block
}
body[data-href='home'] #start {
background: 0;
margin: 0;
padding: 0;
position: relative;
width: 1000px;
height: 385px
}
body[data-href='home'] #start article {
margin: 0;
padding: .5em 2em
}
body[data-href='home'] #logo,body[data-href='home'] #updates {
position: absolute
}
body[data-href='home'] #logo {
display: block;
margin: 0 auto 2% auto;
text-align: center;
width: 100%
}
body[data-href='home'] #updates {
margin-top: 0;
left: 0;
width: 96%;
height: 330px
}
body[data-href='home'] #updates h2 {
font-size: 18px;
margin: 0
}
body[data-href='home'] #updates h2 a {
background: none!important
}
body[data-href='home'] #updates ul {
margin: .5em 0!important
}
body[data-href='home'] #updates_list {
width: 60%
}
body[data-href='home'] #updates_list li {
white-space: nowrap;
text-overflow: ellipsis
}
body[data-href='home'] #updates_list .title {
max-width: 75%;
width: auto
}
#updates_title {
float: right;
margin-left: 3em;
width: 39%
}
body[data-href='home'] article.sectioned section.one_third {
margin-top: 0
}
#classes {
margin: 0 0 2%;
padding-bottom: 0
}
#classes header {
margin-bottom: 0;
-moz-column-count: 0;
-o-column-count: 0;
-ms-column-count: 0;
-webkit-column-count: 0;
column-count: 0
}
#classes hgroup {
float: left;
padding-right: 0;
width: 33%
}
#classes hgroup+p {
font-size: 13px;
font-style: normal;
float: left;
margin: 0 0 1em!important;
width: 67%
}
html[lang=pt] #classes hgroup {
width: 53%
}
html[lang=pt] #classes hgroup+p {
width: 47%
}
html[lang=de] #classes hgroup {
width: 40%
}
html[lang=de] #classes hgroup+p {
width: 60%
}
#classes ul {
clear: both;
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 2
}
#classes li {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAABZCAIAAADaaR/4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzlENTUyREIxODFDMTFFMUJFMERBRjIwQzY0Q0UxM0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzlENTUyREMxODFDMTFFMUJFMERBRjIwQzY0Q0UxM0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OUQ1NTJEOTE4MUMxMUUxQkUwREFGMjBDNjRDRTEzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3OUQ1NTJEQTE4MUMxMUUxQkUwREFGMjBDNjRDRTEzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl7Srr8AAAIsSURBVHja7JnhbsIwDIRpS3n/Z9yPTaiCdWxAaaHFYBZBFrIixUibvqhCwbZOVmWnF1/Wtu3kX6xhGLIs+9Uuf+XXi9SYvCzLosiH/lCe12Hf6UYsahRv1zaed7dd60ZcEuDFW6MFAWezWRBwOi2u4+XvZOg9QLGIN9cXs9938tv34r1bJnHv9Xo+WhLATGuGJeu7LrrO28hrk8cztrvmoXgjNKP0cjV9rWo1bdaf6m62G3k8r1pkfSwr3YhLEYPxRmhG6dEjP3qEdXkX0mb1otKyWcxfXXVpLQW91duLbsSiRRiPT4tmlB49Qo9EemRVL7Vs3qu5Kxs9eINeV13i0i9ZPD4tmlF6lx45fV3zIriJex+NT4JmlB7nxW2PXNMPrR9ZwkOUigS9ehTrRg/qeHxaNKv0pC4Op0tKO5zXrtnqRozy3PO6jXPF49OiGaVHj9z2iMfM3T1HT+CgV8tMq0vvPPH4tGhG6eXjRwDjBwTPR0sCSI/AO3kX5hzcXQSTcPAxaEbpwcHh4NYcXD/gT0CzSg8ODge/z8GdspCENVujGaWHhggHj/BONEQ0RDRE7mZj72ZoiGiI9Ijd/AINkfkF8ws0ROYXzC/QENEQmV/AO9HN0M3gnehm6GbwTnQzdDN0M3QzdDN0M+5m6GboZvQI8wt0M+YXzC/QzZhfML9AN0M3Y34B70Q3QzeDd6KboZvBO9HN0M3QzdDN0M3QzbiboZuhm/3ZdRRgAKlWPyFURDzZAAAAAElFTkSuQmCC) center 30px no-repeat;
float: left;
margin: -30px 4px 0 0;
width: 90px;
cursor: pointer
}
#classes li a {
background-image: url(/static/images/features/homepage_feature_icons.png);
background-repeat: no-repeat;
color: #333;
display: block;
text-align: center;
width: 90px;
padding-bottom: 76px;
margin-top: 40px
}
#classes li a:hover,#classes li a:focus {
color: #5fa4a0
}
#classes li.offline a {
background-position: left 25px
}
#classes li.storage a {
background-position: left -117px
}
#classes li.connectivity a {
background-position: left -258px
}
#classes li.file_access a {
background-position: left -399px
}
#classes li.semantics a {
background-position: left -540px
}
#classes li.multimedia a {
background-position: left -681px
}
#classes li.graphics a {
background-position: left -822px
}
#classes li.presentation a {
background-position: left -963px
}
#classes li.performance a {
background-position: left -1104px
}
#classes li.nuts_and_bolts a {
background-position: left -1245px
}
#classes li.offline a:hover,#classes li.offline a:focus {
background-position: -121px 25px
}
#classes li.storage a:hover,#classes li.storage a:focus {
background-position: -121px -117px
}
#classes li.connectivity a:hover,#classes li.connectivity a:focus {
background-position: -121px -258px
}
#classes li.file_access a:hover,#classes li.file_access a:focus {
background-position: -121px -399px
}
#classes li.semantics a:hover,#classes li.semantics a:focus {
background-position: -121px -540px
}
#classes li.multimedia a:hover,#classes li.multimedia a:focus {
background-position: -121px -681px
}
#classes li.graphics a:hover,#classes li.graphics a:focus {
background-position: -121px -822px
}
#classes li.presentation a:hover,#classes li.presentation a:focus {
background-position: -121px -963px
}
#classes li.performance a:hover,#classes li.performance a:focus {
background-position: -121px -1104px
}
#classes li.nuts_and_bolts a:hover,#classes li.nuts_and_bolts a:focus {
background-position: -121px -1245px
}
#classes li h3 {
display: inline;
font-size: 12px
}
html[lang=pt] #classes li h3 {
font-size: 10px
}
article.profile {
float: left;
margin: 0 0 2% 2%;
width: 32%;
position: relative;
overflow: hidden
}
article.profile.active {
-webkit-animation: inputglow 1.9s 3;
-moz-animation: inputglow 1.9s 3;
-ms-animation: inputglow 1.9s 3
}
article.profile section {
margin: 0;
height: 248px
}
img[itemprop=photo] {
-webkit-filter: grayscale(0.75) sepia(0.5);
-moz-filter: grayscale(0.75) sepia(0.5);
-ms-filter: grayscale(0.75) sepia(0.5);
-o-filter: grayscale(0.75) sepia(0.5);
filter: grayscale(0.75) sepia(0.5);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.profile img[itemprop=photo] {
float: left;
margin-right: 19px;
width: 75px;
height: 75px
}
.profile:hover img[itemprop=photo],.profile:focus img[itemprop=photo],img[itemprop=photo]:hover {
-webkit-filter: grayscale(0) sepia(0);
-moz-filter: grayscale(0) sepia(0);
-ms-filter: grayscale(0) sepia(0);
-o-filter: grayscale(0) sepia(0);
filter: grayscale(0) sepia(0)
}
.profile h2,.profile h2 span {
color: #000;
font-size: 14px;
font-weight: 600
}
.profile h3 {
font-size: 11px;
margin: 1em 0
}
.profile h3 div[itemprop=organization-name] {
font-weight: 600
}
.profile h3[itemprop=adr] {
font-size: 10px
}
.profile .urls {
float: left;
list-style: none;
margin: 3px 0 0 -4px;
padding: 0;
width: 95px
}
.profile .urls li {
display: inline;
margin: 0;
padding: 0
}
.profile .urls li a {
background-position: center;
background-repeat: no-repeat;
float: left;
height: 16px;
width: 16px;
padding: 2px!important;
opacity: .7;
-webkit-transition: opacity 100ms ease-in-out;
-moz-transition: opacity 100ms ease-in-out;
-ms-transition: opacity 100ms ease-in-out;
-o-transition: opacity 100ms ease-in-out;
transition: opacity 100ms ease-in-out
}
.profile .urls li a:hover,.profile .urls li a:focus {
opacity: 1
}
.profile .urls li a[data-type='homepage'] {
background-image: url(data:image/gif;base64,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)
}
.profile .urls li a[data-type='google'] {
background-image: url(data:image/gif;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AJubm3guLi7/Ly8v/zExMf8yMjL/MjIy/zMzM/8yMjL/MjIy/zExMf8vLy//Li4u/y0tLf+enp50////AP///wAvLy//MTEx/zMzM/80NDT/NTU1/zY2Nv8mJib/JiYm/zU1Nf80NDT/MjIy/zAwMP8uLi7/LS0t/////wD///8AMjIy/zQ0NP82Njb/ODg4/zo6Ov87Ozv/09HR/9PR0f86Ojr/ODg4/zY2Nv80NDT/MjIy/y8vL/////8A////ADU1Nf84ODj/Ozs7/z09Pf8/Pz//QEBA/+Pi4v/j4uL/Pz8//z09Pf87Ozv/ODg4/zU1Nf8yMjL/////AP///wA5OTn/PDw8/z8/P/8tLS3/Ly8v/y8vL//o5+f/6Ofn/y8vL/8tLS3/LCws/zw8PP85OTn/NTU1/////wD///8APDw8/0BAQP9CQkL/7ezs/+3s7P/t7Oz/7ezs/+3s7P/t7Oz/7ezs/+3s7P8/Pz//Ozs7/zg4OP////8A////AD8/P/9CQkL/RUVF//Hx8f/x8fH/8fHx//Hx8f/x8fH/8fHx//Hx8f/x8fH/QkJC/z4+Pv86Ojr/////AP///wBAQED/RERE/0dHR/9JSUn/SUlJ/0lJSf/29fX/9vX1/0lJSf9JSUn/R0dH/0RERP9AQED/PDw8/////wD///8AQkJC/0ZGRv9ISEj/SUlJ/0lJSf9JSUn/+fn5//n5+f9ISEj/SEhI/0dHR/9GRkb/QkJC/z4+Pv////8A////AENDQ/9HR0f/SUlJ/0lJSf9JSUn/SUlJ//39/f/9/f3/SUlJ/0lJSf9JSUn/R0dH/0NDQ/8/Pz//////AP///wBERET/R0dH/0lJSf9JSUn/SUlJ/0lJSf9JSUn/SUlJ/0lJSf9JSUn/SUlJ/0dHR/9DQ0P/Pz8//////wD///8ANzc3/zo6Ov88PDz/PDw8/zw8PP88PDz/PDw8/zw8PP88PDz/PDw8/zw8PP86Ojr/Nzc3/zQ0NP////8A////AA8P1f8PD9X/Dw/V/+hpM//oaTP/6Gkz/+hpM/8lmQD/JZkA/yWZAP8mkwP/EbLu/xGy7v8Rsu7/////AP///wCHh+p+Dw/V/w8P1f/oaTP/6Gkz/+hpM//oaTP/JZkA/yWZAP8lmQD/JpQE/xGy7v8Rsu7/jNr2ef///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAMADAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAADAAwAA//8AAA==)
}
.profile .urls li a[data-type='twitter'] {
background-image: url(data:image/gif;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A/v7+D/7+/j/+/v5g/v7+YP7+/mD+/v5I/v7+KP///wD///8A////AP///wD///8A////AP///wD+/v4H/v7+UPbv4pHgx47B1K9Y3tWwWN7Ur1je3sKCx+rbuKj+/v5n/v7+GP///wD///8A////AP///wD+/v4Y+fbweM2ycMe2iB7/vI0f/8STIf/KlyL/zJki/8yZIv/LmCL/0ahK5/Hp1JH+/v4Y////AP///wD///8A7OTTaquHN+CujkXPs5ZTv6N6G/+2iB7/xpUh/8yZIv/MmSL/zJki/8yZIv/Kmy738OjUi////wD///8A////AMKtfY7w6+Ef////AP///wD///8A3sqbp8iWIf/MmSL/zJki/8yZIv/MmSL/y5gi/8mePO7+/v4w////AP///wD///8A////AP///wD+/v4H/v7+V9CtWN3KmCL/zJki/8yZIv/MmSL/zJki/8yZIv/JlyH/5tSqp/7+/mD+/v4/////AP///wD///8A+PXvJtGyZdXNnS/3y5gi/8qYIv/LmCL/zJki/8yZIv/MmSL/y5gi/82iPO7LqVfe0byMmf///wD///8A/v7+D/Do1JHKmy73ypci/8KSIP+/jyD/xpQh/8uYIv/MmSL/zJki/8qYIv+/jyD/rIEd/9nKqH7///8A////APPu4TzAlSz3wZEg/7mLH/+sgR3/uZdGz7mLH//JlyH/zJki/8yZIv/GlSH/to0r9eXbxD/Vx6dg////AP7+/h/p38WhtIsq9al/HP+kfyjuybaKgf///wCzjzjlwJAg/8qYIv/JlyH/u4wf/8CkYrn///8A////AP///wDj2sRMnHUa/7meYa7Vx6dg////AP///wD///8A2MmnYK6DHf++jiD/vo4g/62CHf/k2sQ/////AP///wD///8A8OvhH/f07w////8A////AP///wD///8A////AP///wC/p3Cfpnwc/66GKvPg1LZ8////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////ANXHp2DJtoqByLWKgf///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAP//AADgPwAAwA8AAIAHAAB4BwAA+AMAAPAAAADgAQAA4AMAAMEDAADPhwAA/48AAP/nAAD//wAA//8AAA==)
}
.profile .urls li a[data-type='lanyrd'] {
background-image: url(data:image/gif;base64,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)
}
.profile .list-articles {
color: #666;
cursor: pointer!important;
float: left;
font-size: 15px;
font-weight: 600;
padding: 3px;
text-transform: uppercase;
-webkit-transition: color 150ms ease-in-out;
-moz-transition: color 150ms ease-in-out;
-ms-transition: color 150ms ease-in-out;
-o-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out
}
.profile:hover .list-articles {
color: #5fa4a0
}
.profile:focus .list-articles {
color: #5fa4a0
}
.profile .list-articles span {
display: inline-block;
-webkit-transition: -webkit-transform 300ms ease-in-out;
-moz-transition: -moz-transform 300ms ease-in-out;
-ms-transition: -ms-transform 300ms ease-in-out;
-o-transition: -o-transform 300ms ease-in-out;
transition: transform 300ms ease-in-out
}
.profile .list-articles.active span {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.profile .map,.profile .articles {
position: absolute;
width: 278px;
height: 125px;
overflow: auto;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out
}
.profile .map {
left: -800px;
top: 135px
}
.profile .articles {
left: 800px;
top: 135px
}
.profile .map.active,.profile .articles.active {
left: 20px;
top: 135px
}
.profile .map {
background: #ddd
}
.profile .articles {
margin: 0;
padding: 0
}
.profile .articles li {
margin: .3em 0;
white-space: nowrap
}
.profile .articles a {
font-size: 13px;
display: list-item;
list-style: square;
overflow-x: hidden;
text-overflow: ellipsis
}
body[data-href='home'] .profile {
margin: 0 0 2% 2%;
width: 23.5%
}
body[data-href='profiles'] .profile:first-child,body[data-href='profiles'] .profile:nth-child(3n+1) {
margin-left: 0
}
body[data-href='profiles'] .profile h3 {
white-space: nowrap
}
body[data-href='home'] .profile section {
height: 75px;
padding: 6%
}
body[data-href='home'] .profile:first-child,body[data-href='home'] .profile:nth-child(4n+1) {
margin-left: 0
}
body[data-href='home'] .profile h3 {
color: #333;
font-size: 10px
}
ul.authors {
list-style: none;
margin: 0;
padding: 0
}
ul.authors li {
float: left;
margin: 1% 0;
padding: 0 3% 0 0;
overflow: hidden;
width: 22%
}
ul.authors li.profile h2 {
margin-top: .25em
}
.one_third ul.authors li {
clear: none;
float: none;
margin: 3% 0 5%;
width: 100%
}
.two_thirds ul.authors li {
width: 47%;
margin-bottom: 2%
}
body[data-href='features-offline'] .outline_nav_toggle,body[data-href='features-storage'] .outline_nav_toggle,body[data-href='features-connectivity'] .outline_nav_toggle,body[data-href='features-file_access'] .outline_nav_toggle,body[data-href='features-semantics'] .outline_nav_toggle,body[data-href='features-multimedia'] .outline_nav_toggle,body[data-href='features-graphics'] .outline_nav_toggle,body[data-href='features-presentation'] .outline_nav_toggle,body[data-href='features-performance'] .outline_nav_toggle,body[data-href='features-nuts_and_bolts'] .outline_nav_toggle,article.tutorial .outline_nav_toggle {
display: block
}
.outline_nav_toggle {
display: none;
position: fixed;
left: 50%;
top: 145px;
margin-left: 525px;
width: 30px;
height: 30px;
cursor: pointer!important;
padding: 10px;
z-index: 3
}
.outline_nav_toggle img {
position: absolute;
top: 10px;
left: 10px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
z-index: 4
}
.outline_nav_toggle img.show {
z-index: 5
}
.outline_nav_toggle.activated img.show {
opacity: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
nav.outline {
display: none;
background-color: #bebebe;
position: absolute;
right: 50%;
top: 20px;
padding: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px 0 #bbb;
-moz-box-shadow: 0 0 10px 0 #bbb;
box-shadow: 0 0 10px 0 #bbb;
overflow: visible;
z-index: 3
}
nav.outline h3 {
font-size: 16px;
font-weight: 300;
margin: 0;
text-transform: uppercase
}
nav.outline h3,nav.outline a {
color: #555
}
nav.outline a:hover,nav.outline a:focus {
color: #000
}
nav.outline.toc {
width: 300px
}
nav.outline.toc ul {
margin-left: 1.5em;
margin-bottom: 1em
}
nav.outline.toc p {
font-size: 13px
}
nav.outline.toc ul:last-child {
margin-bottom: 0
}
nav.outline.toc a {
margin-left: -1.5em;
text-indent: 1.5em
}
nav.outline.toc p a {
margin-left: 0
}
nav.outline.toc li {
margin: .5em 0
}
nav.outline.features {
width: 130px
}
nav.outline.features ul {
margin: .75em 0 -.5em 0
}
nav.outline.features li {
margin: 0
}
nav.outline.features li a {
display: block
}
nav.outline.features li a.section_title {
background-position: left;
background-repeat: no-repeat;
font-size: 13px;
padding: .25em 0 .25em 18px
}
nav.outline.features li.current a.section_title {
font-weight: 600
}
nav.outline.features li a.offline {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCM0NEMkVFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCM0NEMkZFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QyQ0U4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUIzQ0QyREU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgkly+8AAADxSURBVHjaTFGxEYJAEHzQ3C9BMkOhAqhArUAdCpBQIyUyFAtgpAOlArUD7MDQUEMzd5195WaWO+527+/vPSNL09TC7YAxYJV+AnugKMuSsfFEHsKdRciBRgKKF8AdSCjqqnBoJ83fGjQ7qRk5Ew8JdjkCIcgkxCIEwFrCqwSBj89Q3a3IHKEScQbcVKfFbiSrblYNQpFJHAm0vq+LGoyTwNXAhaPppFz5iQSXThRFDwRL+Bc84xoxi2+QCwb438INgJVbK/efAXOQqtaWWMv0Pt+a1yo4UaPRenqHvkbb/B6uJeKFp7q4W2cFstuS+QgwAKNxWCiD6YppAAAAAElFTkSuQmCC)
}
nav.outline.features li a.storage {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCM0NEMzJFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCM0NEMzNFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QzMEU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUIzQ0QzMUU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBZL94AAADaSURBVHjabFHBDYJAEDzMFUAHYgfYwVmBUoEQCkA7kArEAohaAXSgdkAJlEAJzpjB7INNJpvbmd2du4ucoizLGCkH9iqNwLNt27czEUl8QLoDE0Xi1gDrA5ChkZzzEKfIHVCjeLHTwNXiiN1vA4o8OIgziRKkxPQl2l7QptfarbHWycZkmniPI5B6TR9E0N4D58ItBAa+/GwDolFTK9lainSl9bk2NUhn4GNAPuiZb5HxzafrF2zwwgHcxv7DCelK/+YfaKsCYg0b/g1qChIEiUY1N/OnMb4CDADtsVGePPHV/gAAAABJRU5ErkJggg==)
}
nav.outline.features li a.connectivity {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQkJFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQkNFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QzNEU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVCQUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuSdZokAAADISURBVHjabFDbDcIwEEuAAfjljxFKFwA2aDcg6gCICeCTv05QtWzABrBBwgZ0g46AjRwUqp7kPC5nn3O2qqqLMWZr/uPWNE1nJmKe53nAvgJ6YQCuyPfe+zAmWC7okrEQqm/dD9hawAEknXnG+zATsQaOiVBqkSJr4MHLInqmIpRfKi6Au4TY4RQJ3w76oJMN2nkiV4pUpH+IliKpFHGHbi1yPHeThMQvLWxoE6SlBsHc/jelGCioZclpvOMIdpwRKTPTET4CDAAho0LBUlk51gAAAABJRU5ErkJggg==)
}
nav.outline.features li a.file_access {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQkZFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQzBFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTAxOUVCREU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVCRUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj11ZLkAAACSSURBVHjaYmAAguTkZAMgdmBAA+jiTEhy64ES85EUJgCp80CsABNjRNJpAMT9QLwAiA8C8XwoeyFU/gJI8X8G4oAjC4icO3cuIz5VQAP3o7uZIKBMMSgUgLifoGJocIFCIQE5GJGDDhQaB6B8UDAmgoIJiEGeegDEH6DBGggKDUckzYXAkLkAtcUQOUJABgAEGADrPyuI+VsNmwAAAABJRU5ErkJggg==)
}
nav.outline.features li a.semantics {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQzNFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQzRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTAxOUVDMUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVDMkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiG+zVQAAACtSURBVHjajJCLDcIwDERxxQAdoWzQEbpKlAGACSiDRC2TAJvABh2BO8kBY1yJSKem9vMn12yCk3NuoS7KiQfxOUB7iPcZOpdSHl8FDlwIQYRO0GALBXCPn2sFEZzd1MEUpq3GjxU0QGca3DT+eYPrROhpV6wNRd2Y/K4rb0uNjiawA5iYADhCbNIiNjIHXaBeVixdtMnPVIksDQx4F4oGp8jSwJB7XeWvQ/YlwACi5FwNpG7ZTAAAAABJRU5ErkJggg==)
}
nav.outline.features li a.multimedia {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjBFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMzMkY2QjFFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZBRUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZBRkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpmPtwwAAABwSURBVHjaYkxOTjZgYGAIAOIFQCwAZTPMnTu3ASgHYoPkLwD5G5iAjP1ALA/EH4C4HojtgfgB1JB8INYH4gMgAxiBgv+BtCNQJ1gAGwCqARlYyMRAHHAAOZFYxWBAO8UsUHo/0BNEKXYk0uALAAEGAGJPGtrPzOGmAAAAAElFTkSuQmCC)
}
nav.outline.features li a.graphics {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMzMkY2QjVFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZCMkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZCM0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PucfmbgAAACuSURBVHjaYmRAA8nJyQlASh+ILwLxhrlz536AyTECJQWAtAEQXwBJAPkgdjwQBwCxAhAfAOKNQLyACUi8B+L1IBqocD+QdgDiiUCNikDaEGQIEPeDDGSC2hCIJOEPxPVAjQpADSDbCmHOYIExQBJQxTgBEwMJgKBikHOQnQEKmvVAwQ1QX4N8LwANjXhoSD0AqWOE6g6AeiwAqpAB6v6FIM1Q/2C11gHZamQAEGAAvYA2vQtKAEYAAAAASUVORK5CYII=)
}
nav.outline.features li a.presentation {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjhFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRjZFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZCNkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZCN0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps9WcVUAAACCSURBVHjaYmQAguTkZAMg1c+AGxxkgTIeAHEjDkVgA5igHAU8pgkA8QEWJF0OeBRfYMAHgG53AOL7YKuBDAUgbsChFmTLARCDBcrJByrmB9IL586dewGkGcgOAOJ4IJ4IUsgIFAQ5NgEqaAANAZDYBiDeCNS4AZubDEDuwuYGgAADABL2IBgCsPDBAAAAAElFTkSuQmCC)
}
nav.outline.features li a.performance {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZEMThDRjlFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRkFFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NkQxOENGN0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NkQxOENGOEU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoUZd6UAAADqSURBVHjadFHRDYIwFIRO4AY6Am5QJwAmEMMAxAlgA8IARJhA2KBMoCOwgbqBd+Sa9EObXF7h3r137zWOfpyyLF8IO+DY9/0z5GIlkLwBK/BRdEALLEAKXCk2EhaKI7AHJpCrhMQM1EzwgoEWWAG4qGuCO6tOsjduAhJq/VZiIXs17m1g/4zvzCh5RqVcRKpq7GSRdADX6PtuNFRFtQSzROxEi2vgwhmpcz+UttPJYqd/Fbsi9+SHtkrcjoYf/FzqasN3yDQoRYn88sEeWiu35Li1OHjdJCD9Iy7sBM4iuujf4WqB5hf3FWAArc5oNEtPbzMAAAAASUVORK5CYII=)
}
nav.outline.features li a.nuts_and_bolts {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZEMThDRkRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRkVFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NkQxOENGQkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NkQxOENGQ0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnGaZZ0AAADeSURBVHjafFGBDYIwEKSEAdhA3AAnsGygG2g6gHYCZQJ1AAJM4AiwgWygG8gI3iVn0phGkqPf/v1d/2sSfc65AssuiX9j0zQjgzQ4vADrCHkB3CGYc5NJ3WLZAEsovX4r5H4CfBao1yQreQCo2OsqNTAgdzP4HUVYqfjJOwN0Yq5iEXgt4iKVFdVnrCUwI94CHvEVsBLi3vJKk5rtSKYK1Eo5kNyrgPFMhz3HycahOkn1AbxF7MI+v1M4A0M4FbmEefaWGB3katbDpYuMlI7sazRBgq/c/nnpisFHgAEAlkVX81OjCu4AAAAASUVORK5CYII=)
}
nav.outline.features ul ul {
display: none;
margin: 0 0 .75em
}
nav.outline.features ul ul a {
font-size: 12px;
font-weight: 400;
padding: .3em 0 .3em 18px
}
body[data-href='features-offline'] nav.outline.features .offline ul {
display: block
}
body[data-href='features-storage'] nav.outline.features .storage ul {
display: block
}
body[data-href='features-connectivity'] nav.outline.features .connectivity ul {
display: block
}
body[data-href='features-file_access'] nav.outline.features .file_access ul {
display: block
}
body[data-href='features-semantics'] nav.outline.features .semantics ul {
display: block
}
body[data-href='features-multimedia'] nav.outline.features .multimedia ul {
display: block
}
body[data-href='features-graphics'] nav.outline.features .graphics ul {
display: block
}
body[data-href='features-presentation'] nav.outline.features .presentation ul {
display: block
}
body[data-href='features-performance'] nav.outline.features .performance ul {
display: block
}
body[data-href='features-nuts_and_bolts'] nav.outline.features .nuts_and_bolts ul {
display: block
}
body[data-href*='features'] .page header {
min-height: 250px
}
body[data-href*='features'] .page header hgroup,body[data-href*='features'] .page header section {
z-index: 2
}
body[data-href*='features'] .page header section p.intro {
font-size: 18px
}
body[data-href*='features'] .page header section p {
line-height: 1.7
}
.feature_icon {
background: url(/static/images/feature_icons.png),url(/static/images/feature_icon_background.png);
background-repeat: no-repeat;
background-position: center top,left top;
position: absolute;
z-index: 1;
top: -15px;
left: -50px;
width: 453px;
height: 372px;
-webkit-transition: background-position .25s ease-in-out;
-moz-transition: background-position .25s ease-in-out;
-ms-transition: background-position .25s ease-in-out;
-o-transition: background-position .25s ease-in-out;
transition: background-position .25s ease-in-out
}
body[data-href='features-offline'] .feature_icon {
background-position: center 76px,left top
}
body[data-href='features-storage'] .feature_icon {
background-position: center -298px,left top
}
body[data-href='features-connectivity'] .feature_icon {
background-position: center -672px,left top
}
body[data-href='features-file_access'] .feature_icon {
background-position: center -1046px,left top
}
body[data-href='features-semantics'] .feature_icon {
background-position: center -1428px,left top
}
body[data-href='features-multimedia'] .feature_icon {
background-position: center -1790px,left top
}
body[data-href='features-graphics'] .feature_icon {
background-position: center -2164px,left top
}
body[data-href='features-presentation'] .feature_icon {
background-position: center -2538px,left top
}
body[data-href='features-performance'] .feature_icon {
background-position: center -2912px,left top
}
body[data-href='features-nuts_and_bolts'] .feature_icon {
background-position: center -3286px,left top
}
div.description p {
font-size: 14px;
line-height: 1.5;
margin: 0 0 1em
}
div.description+section.support.none {
margin-top: 0
}
section.support h3,section.updates h3 {
margin-top: 0
}
section.updates ul {
list-style: none;
margin: 1em 0 0 0;
padding: 0
}
section.updates li {
margin: 0 0 .5em;
-moz-column-break-after: avoid;
-webkit-column-break-after: avoid;
-o-column-break-after: avoid;
-ms-column-break-after: avoid;
column-break-after: avoid;
-moz-column-break-inside: avoid;
-webkit-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
column-break-inside: avoid
}
section.updates.two_columns {
-moz-column-count: 1!important;
-o-column-count: 1!important;
-ms-column-count: 1!important;
-webkit-column-count: 1!important;
column-count: 1!important;
margin: 0 0 2% 0!important;
width: 96%!important
}
section.updates.two_columns ul {
-moz-column-count: 2;
-o-column-count: 2;
-ms-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
-o-column-gap: 20px;
-ms-column-gap: 20px;
column-gap: 20px
}
section.support {
margin-right: 2em!important
}
section.support h3 {
margin-bottom: 0
}
section.support h4 {
font-size: 16px;
font-style: italic;
font-weight: 300;
margin: .75em 0 1.5em
}
section.support h4 a {
color: #333;
font-size: 18px
}
section.support table {
position: relative
}
section.support table+table {
margin-top: 2em
}
section.support thead th {
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
position: absolute;
top: -20px;
color: #333;
font-size: 11px;
font-weight: 400;
padding: 3px 0;
text-align: center;
text-transform: uppercase;
width: 87px;
opacity: 0
}
section.support table+table thead th:nth-child(1):first-letter {
text-transform: none
}
section.support thead th.current {
opacity: 1
}
section.support thead th:nth-child(1) {
left: 0
}
section.support thead th:nth-child(2) {
left: 87px
}
section.support thead th:nth-child(3) {
left: 154px
}
section.support thead th:nth-child(4) {
left: 221px
}
section.support thead th:nth-child(5) {
left: 318px
}
section.support td {
background-image: url(/static/images/browsers.png);
background-repeat: no-repeat;
font-size: 24px;
padding-top: 50px;
text-align: center;
width: 85px
}
section.support tbody td.chrome {
background-position: center 2px
}
section.support tbody td.firefox {
background-position: center -159px
}
section.support tbody td.safari {
background-position: center -320px
}
section.support tbody td.opera {
background-position: center -480px
}
section.support tbody td.ie {
background-position: center -644px
}
section.support tbody td.ios_saf {
background-position: center -805px
}
section.support tbody td.android {
background-position: center -966px
}
section.support tbody td.op_mini {
background-position: center -1125px
}
section.support tbody td.op_mob {
background-position: center -1287px
}
section.support p.credit {
color: #888;
font-size: 13px;
margin-top: 2.5em;
text-align: center
}
section.support p.credit a {
color: #333
}
section.support aside.support_details p {
border-top: 1px solid #ccc;
font-size: 14px;
line-height: 1.6;
margin: 1.5em 0 0;
padding: 1.5em 0 0
}
section.support.none {
display: none!important
}
section.support.multiple,section.support.multiple+section,section.support.none+section {
float: none;
height: inherit;
width: 96%!important
}
#updates {
margin-bottom: 2%!important
}
section.support.multiple {
height: inherit
}
section.support.multiple div {
clear: left;
padding: .75em 0
}
section.support.multiple h4 {
float: left;
margin: 45px 0 0;
padding: 1.2em 0 0;
width: 300px
}
section.support.multiple div+div h4 {
margin-top: 0
}
section.support.multiple table {
float: left
}
section.support.multiple table+table {
margin-top: 0
}
section.support.multiple td {
padding-top: 60px;
width: 70px
}
section.support.multiple div+div {
border-top: 1px solid #ddd
}
section.support.multiple div+div h4 {
padding-top: .4em
}
section.support.multiple div+div table {
margin-top: .25em
}
section.support.multiple div+div td {
background: 0;
padding-top: 0
}
section.support.multiple p {
clear: left;
margin-top: 1em;
text-align: left
}
section.support+section {
clear: both
}
ul.figures {
list-style: none;
margin: 0;
padding: 0
}
article.feature figure,section.figures figure,ul.figures li {
float: left;
width: 50%;
margin: 1em 0 .5em;
padding: 0
}
ul.figures li {
min-height: 85px
}
article.feature figure,section.figures figure,ul.figures.books li {
min-height: 100px
}
article.feature figure section.one_half figure,article.feature figure section.one_third figure,article.feature figure section.two_thirds figure,section.figures.one_half figure,section.figures.one_third figure,section.figures.two_thirds figure {
float: none;
width: 100%
}
article.feature figure a,ul.figures li a {
display: block;
font-size: 14px;
font-weight: 600;
width: 100%;
height: 100%;
overflow: hidden
}
article.feature figure a p,section.figures figure a p,ul.figures li a p {
color: #333;
font-size: 13px;
font-weight: normal;
margin: .25em 0
}
section.figures figcaption>a {
font-weight: 600;
font-size: 14px
}
article.feature figure img,section.figures figure img,ul.figures li a img {
float: left;
max-width: 150px;
border: 1px solid #eee
}
article.feature figcaption,section.figures figcaption,ul.figures li a strong,ul.figures li a p {
margin: 0 0 0 150px;
padding: 0 1.5em
}
ul.figures li a {
font-weight: 400
}
ul.figures li a strong {
display: block;
font-size: 14px;
margin-top: -.1em
}
ul.figures.books li img {
max-width: 105px
}
ul.figures.books li a strong,ul.figures.books li a p {
margin-left: 100px
}
article.two_columns section figure,section.two_thirds figure {
width: 100%
}
article.two_columns section figcaption,section.two_thirds figcaption {
padding-right: 0
}
ul.definitions {
line-height: 1.5;
list-style: none;
margin: -.75em 0 0 0;
padding: 0;
-moz-column-count: 2;
-webkit-column-count: 2;
-ms-column-count: 2;
-o-column-count: 2;
column-count: 2;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
-ms-column-gap: 20px;
-o-column-gap: 20px;
column-gap: 20px
}
ul.definitions li {
font-size: 14px;
margin: 0;
padding: .75em 0;
-moz-column-break-inside: avoid;
-webkit-column-break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
column-break-inside: avoid
}
ul.definitions li span {
display: block
}
ul.definitions li a {
font-weight: 600
}
.one_half ul.definitions,.one_third ul.definitions,.two_thirds ul.definitions {
-moz-column-count: 1;
-webkit-column-count: 1;
-ms-column-count: 1;
-o-column-count: 1;
column-count: 1
}
section ul {
font-size: 14px;
line-height: 1.6;
list-style: square;
margin-left: 1.75em;
padding-left: 0
}
section li {
margin-bottom: .75em
}
section ul.two_columns {
margin: 0
}
section ul.two_columns li {
margin: .25em 0 .75em 1.5em
}
body[data-href='tutorials'] .page header .share {
bottom: 42px
}
.page header section.filter {
margin-top: .5em
}
.page header section.filter h3 {
font-size: 16px;
font-weight: 600;
margin-bottom: .35em
}
#filter {
font-size: 16px;
font-weight: 600
}
.page header section.filter ul {
list-style: none;
margin: 0;
padding: 0
}
.page header section.filter li {
display: block;
margin: .3em 0
}
.page header section.filter li input {
margin-right: 5px
}
.page header section.filter .one_half ul li {
float: left;
margin-top: 0;
width: 50%
}
.page header section.filter div.tag_filter {
clear: both;
float: left;
padding-top: 1em
}
.page header section.filter div.tag_filter label {
font-weight: 600;
text-transform: uppercase
}
.page header section.filter div.tag_filter input {
background: #eee;
border: 0;
font-size: 18px;
font-style: italic;
margin: 0 0 0 .5em;
padding: .2em .3em;
vertical-align: -2px;
width: 540px
}
.tutorial_listing {
margin: 1.5em 0 2.5em;
padding: 0
}
.tutorial_listing h3 {
font-size: 16px;
font-style: italic;
font-weight: 600
}
.tutorial_listing .date,.tutorial_listing .author,.tutorial_listing .tags,.tutorial_listing .tag,.tutorial_listing .classes {
float: left
}
.tutorial_listing .date,.tutorial_listing .author,.tutorial_listing .browsers,.tutorial_listing .tags,.tutorial_listing .classes {
height: 18px
}
.tutorial_listing .author,.tutorial_listing .tags {
margin-right: 1.5em
}
.tutorial_listing .author {
margin-left: 1.5em
}
.tutorial_listing .author img.author_image {
width: 18px;
height: 18px;
margin-left: .25em;
vertical-align: top
}
.tutorial_listing .tag {
color: #888;
font-size: 11px;
margin: 2px .5em 0 .5em;
text-transform: uppercase;
cursor: pointer
}
.tutorial_listing .tag:hover,.tutorial_listing .tag:focus {
color: #333
}
.tutorial_listing .classes {
margin-left: 1em
}
.tutorial_listing .browsers {
margin: 0 1.5em
}
.tutorial_listing .summary {
clear: left;
padding-top: .5em
}
.tutorial_listing .buttonlink {
display: none
}
header.tutorial hgroup+section {
margin-top: 0
}
header.tutorial .byline,header.tutorial aside {
float: left;
width: 50%;
overflow: hidden
}
header.tutorial aside {
margin-left: 0
}
header.tutorial section h2,header.tutorial section {
color: #333;
font-size: 13px;
text-transform: none
}
header.tutorial .byline {
margin-top: .75em
}
header.tutorial .byline hgroup {
float: none;
padding: 0;
width: 100%
}
header.tutorial .byline img {
float: left;
width: 50px;
height: 50px;
margin: .2em .75em 0 0
}
header.tutorial .byline h2 {
font-weight: 300;
line-height: 1.5;
margin: 0 0 .15em
}
header.tutorial .byline h2 strong {
font-weight: 600
}
header.tutorial .byline h2 span {
color: #333;
display: block;
font-weight: 300
}
header.tutorial .browser_support {
font-size: 12px;
padding-top: 1em;
width: 632px
}
header.tutorial aside a {
background: none!important
}
header.tutorial .browser_support h2 {
float: left;
font-size: 12px;
font-weight: 600;
line-height: 1.5;
margin: 0;
text-transform: uppercase
}
header.tutorial .browser_support p {
float: left;
font-size: 12px;
line-height: 1.5;
margin: 0
}
header.tutorial .compatible-block {
font-size: small;
font-style: italic
}
header.tutorial #notcompatible {
color: red
}
header.tutorial #compatible {
color: green
}
.redirect_notification {
text-align: center
}
header.tutorial .date time {
display: inline-block
}
article.tutorial figure {
display: block;
text-align: center
}
article.tutorial .notice {
background: hsla(60,70%,92%,1);
padding: 1px 10px;
border: 1px solid hsla(47,100%,72%,1);
border-radius: 2px
}
article.tutorial figure img {
max-width: 100%
}
article.tutorial figcaption {
margin-top: 1em;
font-style: italic
}
.tooltip {
position: relative;
cursor: pointer
}
.tooltip .property {
border-bottom: 1px dotted #333
}
.tooltip .property .kwd {
color: #508b88
}
.tooltip:hover:after {
content: attr(data-tooltip);
position: absolute;
background: rgba(0,0,0,0.85);
padding: 5px 9px;
color: #fff;
border-radius: 3px;
left: 0;
top: 25px;
width: 390px;
z-index: 100
}
.page header .disqus_comments {
clear: both;
float: left;
display: block;
font-size: 13px;
font-weight: 600;
margin: 1em 0 0
}
.cc p {
font-size: 85%;
text-align: center
}
code {
background: hsl(7,84%,90%);
padding: 0 3px;
border-radius: 2px
}
pre code {
background: transparent;
padding: 0;
border-radius: initial
}
pre.prettyprint {
background: #fff;
margin: 1em;
padding: 1em;
border-left: 3px solid #5fa4a0;
-webkit-transition: border-color .3s ease-in-out;
-o-transition: border-color .3s ease-in-out;
-moz-transition: border-color .3s ease-in-out;
-ms-transition: border-color .3s ease-in-out;
transition: border-color .3s ease-in-out
}
pre.prettyprint:hover {
border-color: #f04530
}
pre.prettyprint.small {
margin: 1em;
padding: .5em
}
header.main,#logo,.watermark,nav,.nav,.share,.byline img,#html5badge,.disqus_comments,section.disqus {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none
}
.ir {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr
}
.ir br {
display: none
}
.hidden {
display: none!important;
visibility: hidden
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.invisible {
visibility: hidden
}
.clearfix:before,.clearfix:after {
content: "";
display: table
}
.clearfix:after {
clear: both
}
.clearfix {
zoom: 1
}
#google_plus_page_link {
float: right
}
#google_plus_page_link a {
background: 0;
color: #333;
cursor: pointer;
display: inline-block;
font: 13px/16px arial,sans-serif;
text-decoration: none;
padding: 0
}
#google_plus_page_link a span {
background: url(https://ssl.gstatic.com/images/icons/gplus-16.png);
display: inline-block;
height: 16px;
overflow: hidden;
text-indent: 16px;
width: 16px
}
#livebanner {
position: fixed;
top: -50px;
right: -95px;
background: #508b88;
color: white;
-webkit-transform: rotateZ(40deg);
-moz-transform: rotateZ(40deg);
-ms-transform: rotateZ(40deg);
-o-transform: rotateZ(40deg);
transform: rotateZ(40deg);
font-size: 25px;
padding: 5px 70px;
text-transform: uppercase;
z-index: 1000;
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
font-weight: 600;
-webkit-box-shadow: 0 0 10px #222;
-moz-box-shadow: 0 0 10px #222;
-ms-box-shadow: 0 0 10px #222;
-o-box-shadow: 0 0 10px #222;
box-shadow: 0 0 10px #222;
text-shadow: 0 0 5px #000
}
#livebanner .record {
background-color: red;
border-radius: 50%;
display: inline-block;
width: 15px;
height: 15px;
margin-bottom: 2px
}
@media print {* {
background: transparent!important;
color: black!important;
text-shadow: none!important;
filter: none!important;
-ms-filter: none!important
}
a,a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
content: ""
}
pre,blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,img {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
@page {
margin: .5cm
}
p,h2,h3 {
orphans: 3;
widows: 3
}
h2,h3 {
page-break-after: avoid
}

}
@media screen and (min-width:1000px) {.subheader {
background: #65a8a5;
height: auto
}
.subheader::before {
-webkit-box-shadow: 0 1px 10px 1px black;
-moz-box-shadow: 0 1px 10px 1px black;
-ms-box-shadow: 0 1px 10px 1px black;
-o-box-shadow: 0 1px 10px 1px black;
box-shadow: 0 1px 10px 1px black;
content: '';
display: block;
z-index: -1
}
.subheader::after {
-moz-box-shadow: 0 3px 12px 5px black;
-webkit-box-shadow: 0 3px 12px 5px black;
-o-box-shadow: 0 3px 12px 5px black;
-ms-box-shadow: 0 3px 12px 5px black;
box-shadow: 0 3px 12px 5px black;
content: '';
display: block;
z-index: -1;
position: relative;
top: -10px
}
.subheader .search {
font-size: 48px;
padding-top: 10px
}
.subheader .search label {
color: #fff;
padding-left: 5px;
text-transform: uppercase
}
.subheader .search input {
background: hsla(0,0%,99%,0.2);
border: 0;
color: hsl(176,27%,13%);
font-style: italic;
text-indent: 5px;
width: 580px;
outline: 0!important;
border-radius: 4px;
margin-left: 7px
}
.subheader .search input[placeholder]::-webkit-input-placeholder {
color: hsla(176,27%,33%,0.4)
}
.subheader .search input:focus {
-webkit-animation: inputglow 1.9s infinite;
-moz-animation: inputglow 1.9s infinite;
-ms-animation: inputglow 1.9s infinite
}
@-webkit-keyframes inputglow {from {
-webkit-box-shadow: 0 0 2px hsl(176,27%,13%)
}
55% {
-webkit-box-shadow: 0 0 13px hsl(176,27%,13%)
}
to {
-webkit-box-shadow: 0 0 2px hsl(176,27%,13%)
}

}
@-moz-keyframes inputglow {from {
-moz-box-shadow: 0 0 2px hsl(176,27%,13%)
}
55% {
-moz-box-shadow: 0 0 13px hsl(176,27%,13%)
}
to {
-moz-box-shadow: 0 0 2px hsl(176,27%,13%)
}

}
@-ms-keyframes inputglow {from {
-ms-box-shadow: 0 0 2px hsl(176,27%,13%)
}
55% {
-ms-box-shadow: 0 0 13px hsl(176,27%,13%)
}
to {
-ms-box-shadow: 0 0 2px hsl(176,27%,13%)
}

}
.subheader .search input::-webkit-input-placeholder {
color: #b0d2d0
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {
display: none
}
article.sectioned section.one_half {
width: 45%;
max-height: 350px;
overflow-y: auto
}
article.sectioned section.one_third {
width: 28%
}
article.sectioned section.two_thirds {
width: 58%
}
article.sectioned section.one_half,article.sectioned section.one_third,article.sectioned section.one_quarter,article.sectioned section.two_thirds {
float: left;
margin: 0 0 2% 2%
}
article.sectioned section.one_half+section.one_half+section,article.sectioned section.two_thirds+section.one_third+section,article.sectioned section.one_third+section.two_thirds+section {
clear: both;
margin-top: 0;
margin-left: 0
}
article.sectioned section.one_half+section.one_half+section+section,article.sectioned section.two_thirds+section.one_third+section+section,article.sectioned section.one_third+section.two_thirds+section+section {
margin-top: 0
}
article.sectioned section.one_half:nth-child(2n+1),.thirds section.one_third:nth-child(3n+1),article.sectioned section.one_third:first-child {
margin-left: 0
}
article.sectioned #support,article.sectioned #updates {
float: left;
width: 45%;
margin: 0 0 2% 0!important
}
article.sectioned #updates {
margin: 0 2% 2% 0!important
}
article.sectioned section.one_third {
width: 32%
}

}
@media screen and (max-width:1200px) {.watermark,.paginator,.outline_nav_toggle img.show,.outline_nav_toggle img.hide {
display: none!important
}
header.main nav .home {
display: block
}
article.tutorial,section.cc,section.disqus {
margin-left: 340px;
position: relative;
overflow: visible
}
.outline_nav_toggle {
position: static;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: inherit;
height: inherit;
opacity: 1!important
}
nav.outline.toc {
margin: 0;
width: 275px;
display: block;
position: absolute;
top: 0;
left: -340px;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
opacity: 1!important;
display: block!important
}
nav.outline.toc a {
color: #5fa4a0
}
nav.outline.toc a:hover,nav.outline.toc a:focus {
color: #f04530
}
nav.outline.toc.fixed {
position: fixed;
top: 50px;
left: 50%;
margin-left: -500px
}
nav.outline.toc.bottom {
position: absolute;
bottom: 0;
left: -340px
}

}
@media screen and (max-width:1000px) {.page,.page header,header,.subheader div,.nav {
width: inherit!important
}
.page {
margin: 0!important;
width: 100%!important
}
.page.current {
margin-top: 2em!important
}
header.main {
padding: 0;
position: static;
height: inherit;
overflow: hidden;
width: 100%
}
header.main nav {
height: inherit;
width: 100%
}
header.main nav #search_show {
float: left
}
header hgroup+section {
float: none
}
article.tutorial,section.cc,section.disqus {
margin-left: 0
}
nav.outline.toc {
margin-bottom: 2em!important;
padding: 0!important;
position: static!important
}
article,section,article.sectioned section,section.link_target,.page header {
padding: 1em 1.25em
}
section.one_half,section.one_third,section.one_quarter,section.two_thirds {
margin-left: 0!important;
margin-right: 0!important;
width: inherit!important
}
.page header .share,.page header .share li {
position: static
}
.page header .share ul {
margin-top: 1em
}
.page header .share li {
display: inline
}
body[data-href="home"] header.two_columns {
padding: 2%
}
body[data-href="home"] header.two_columns hgroup,body[data-href="home"] header.two_columns p {
float: none;
width: inherit!important
}
body[data-href="home"] header.two_columns hgroup h1,body[data-href="home"] header.two_columns hgroup h2 {
font-size: 225%
}
body[data-href="home"] header.two_columns p {
margin: .5em 0 0
}
body[data-href="home"] .one_third {
float: left!important;
height: inherit;
margin-left: 2%!important;
padding: 2%;
width: 28%!important
}
body[data-href="home"] .one_third:first-child {
margin-left: 0!important
}
body[data-href="home"] .one_third a {
position: static
}
body[data-href="home"] article.profile {
float: left!important;
height: inherit;
margin: 2% 0 0 2%!important;
width: 32%!important;
padding: 0
}
body[data-href="home"] article.profile:nth-child(3n+1) {
margin-left: 0!important
}
.page header section.filter div.tag_filter {
width: 100%
}
.page header section.filter div.tag_filter input {
width: 90%;
display: block;
margin: .5em 0
}
body[data-href="profiles"] .profile:first-child,body[data-href="profiles"] .profile:nth-child(3n+1) {
margin-left: 2%
}
body[data-href="profiles"] .profile:first-child,body[data-href="profiles"] .profile:nth-child(2n+1) {
margin-left: 0
}
article.profile {
margin-left: 2%;
width: 49%
}
article.profile section {
margin: 0!important
}
.profile .map,.profile .list-articles span {
display: none
}
.profile .list-articles {
cursor: default!important;
color: #666!important
}
.profile .articles {
margin: 2.75em 0 0 94px;
position: static
}
.profile .articles {
width: 70%
}

}
@media screen and (max-width:860px) {header.main nav ul li a,header.main nav ul li#features_show,header.main h1 {
height: 13px;
margin: .5em .5em .5em .25em;
padding: .2em .35em .25em
}
header.main nav ul li#search_show {
display: none
}
header.main .subheader.features {
background: #5fa4a0;
float: left;
width: 100%
}
header.main .subheader.features h2 {
display: none
}
header.main .subheader #features_hide {
float: left;
padding: 2px 0 0 10px;
width: 24px;
height: 24px
}
header.main .subheader .features ul {
float: left;
margin: 0;
padding: 0 0 .5em;
width: inherit
}
header.main .subheader .features li {
float: left
}
header.main .subheader.search {
background: 0;
display: block!important;
float: left;
margin: .5em 0 .6em .5em
}
header.main .subheader.search label span,header.main .subheader.search img {
display: none
}
header.main .subheader.search input {
font-size: 12px;
height: 14px;
padding: 0;
text-align: center!important;
width: 135px
}
.page header hgroup,.page header section {
float: none;
width: 100%
}
.page header hgroup {
margin-bottom: 1%
}

}
@media screen and (max-width:768px) {header.main #home_horns {
display: block!important;
float: left;
padding: .75em .5em .5em .8em
}
header.main nav .home,.nav {
display: none
}
body[data-href="home"] article {
margin: 0
}
body[data-href="home"] header {
margin-bottom: 0
}
body[data-href="home"] #classes {
margin-top: 0!important;
margin-bottom: 0!important
}
body[data-href="home"] .one_third,body[data-href="home"] .one_third:first-child {
float: none!important;
margin-left: 0!important;
width: inherit!important
}
body[data-href="home"] section.link_target a {
height: inherit!important;
padding: 0
}
.page {
margin: 0!important
}
section {
float: none!important;
margin: 1em 0!important
}
article.feature figure,section.figures figure,ul.figures li {
float: none;
width: 100%
}
#updates_title,#updates_badge {
display: none
}
body[data-href="home"] #start {
height: inherit;
width: inherit;
position: static
}
body[data-href="home"] #logo,body[data-href="home"] #updates {
position: static;
height: inherit
}
body[data-href="home"] #updates {
margin: 2.5% 0!important;
padding: 2%!important;
width: 96%!important
}

}
@media screen and (max-width:600px) {ul.definitions {
-moz-column-count: 0;
-webkit-column-count: 0;
-ms-column-count: 0;
-o-column-count: 0;
column-count: 0
}
article.profile {
margin: 0!important;
width: 100%
}
article.profile section {
height: inherit;
margin: .75em 0!important
}
.profile .articles {
height: inherit;
overflow: visible
}
.profile .articles li {
list-style: none!important;
white-space: normal;
margin-left: 1.5em;
text-indent: -1.5em
}
.profile .articles a {
list-style: none!important;
overflow: visible
}
.two_columns {
-moz-column-count: 1;
-o-column-count: 1;
-ms-column-count: 1;
-webkit-column-count: 1;
column-count: 1
}
body[data-href="home"] #updates.feed li {
border-top: 1px solid #bbb;
padding: .25em 0;
overflow: hidden
}
body[data-href="home"] #updates.feed li:first-child {
border-top: 0
}
body[data-href="home"] #updates.feed li span.byline,body[data-href="home"] #updates.feed li span.details {
display: inline
}
body[data-href="home"] #updates.feed li span.classes,body[data-href="home"] #updates.feed li span.type {
display: none
}
body[data-href="home"] article.profile {
width: 49%!important
}
body[data-href="home"] article.profile section {
padding: 0 4%!important
}
body[data-href="home"] article.profile:nth-child(3n+1) {
margin-left: 2%!important
}
body[data-href="home"] article.profile:nth-child(2n+1) {
margin-left: 0!important
}

}
@media screen and (max-width:550px) {.page header {
padding-bottom: 3.25em
}
article,section,article.sectioned section,section.link_target,.page header {
padding: .75em .9em
}
section,section.support.multiple,section.support.multiple+section,section.support.none+section {
float: none;
width: 95%!important
}
section p:last-child,section pre:last-child {
margin-bottom: 0!important
}
section.filter .one_quarter {
padding-bottom: .75em;
width: 50%
}
section.filter .one_half {
width: 100%
}
.tutorial_listing .date,.tutorial_listing .author,.tutorial_listing .browsers,.tutorial_listing .tags,.tutorial_listing .classes {
padding-bottom: .35em
}
.tutorial_listing .tag {
margin-left: 0;
margin-right: 1em
}
.tutorial_listing .tag:nth-last-of-type(2) {
margin-right: 0
}
body[data-href="home"] #logo img {
width: 350px;
height: 277px
}

}
@media screen and (max-width:480px) {.page,.page header {
margin-top: 0!important
}
header.main {
padding: .25em 0 .5em
}
header.main h1 {
display: block;
float: left
}
header.main nav ul li a,header.main nav ul li#features_show,header.main h1 {
margin: .2em .5em .2em .25em
}
header.main .subheader.search {
margin: .15em 0 0 .5em
}
header.main .subheader .features ul {
margin-left: 12px;
width: 360px
}
header.main .subheader .features ul li {
width: 160px
}
body[data-href="home"] article.profile {
margin: 2% 0 0 0!important;
width: 100%!important
}
body[data-href="home"] article.profile section {
padding: 0 2%!important
}
body[data-href="home"] article.profile:nth-child(3n+1) {
margin-left: 0!important
}
body[data-href="home"] article.profile:nth-child(2n+1) {
margin-left: 0!important
}

}